Como usar fuentes de FontSquirrel y Google

Anuncio
CSS
Implementar
fuentes
para web
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aida Quilcué</title>
< l i n k h r e f = " c s s /m a i n . c s s " r e l = " s t y l e s h e e t " t y p e = " t ex t /c s s " m e d i a = " s c r e e n " / >
<link href="css/buttons.css" rel="stylesheet" type="text/css" media="screen" />
<link href="SpryAssets/SprySlidingPanels.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SprySlidingPanels.js" language="JavaScript" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
Implementar fuentes para web
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
body, img, a{
border:0;
outline:none;
margin:0;}
body{
background-color:#5f755f;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 1em;
color: #FFF;
line-height:1.5em;}
h1 {
font-size: 1.7em;
font-style: italic;
font-weight: bold;
line-height: 2.7px;
letter-spacing:0.2em;
margin-left: -10px;
width: 350px;
background-image: url(../originals/images/assets_52.png);
background-repeat: repeat;
background-color: #5F755F;
padding: 15 10 10 10 px;
(...)
Implementar fuentes para web
CSS
@charset "utf-8";
/* CSS Document */
Implementar fuentes para web
Font Squirrel - Google font directory
Google font directory
Font Squirrel
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aida Quilcué</title>
<link href="css/main_2.css" rel="stylesheet" type="text/css" media="screen" />
<link href="matchbook/matchbook.css" rel="stylesheet" type="text/css" media="screen" />
<link href="lilly/lilly.css" rel="stylesheet" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css'>
(...)
Implementar fuentes para web
CSS
HTML
body{
background-color:#5f755f;
font-family: "Crimson Text", "Book Antiqua", Palatino, serif;
font-size: 1.5em;
color: #FFF;
line-height:1.5em;
}
(...)
http://www.thesitewizard.com/javascripts/change-style-sheets.shtml
http://www.yourmung.net/unal/css_fonts/
http://www.yourmung.net/unal/css_fonts/css-fonts.pdf
Implementar fuentes para web
LINKS
http://www.fontsquirrel.com/fontface/generator
http://code.google.com/webfonts
Descargar