css - googleapis - latoweb light font
¿Cómo usar font-family lato? (2)
¿Cómo usar font-family lato?
He usado un estilo como este pero no funciona. Como lo puedo hacer ? Gracias.
font-family: Lato, Helvetica, sans-serif;
Descárguelo de here y extraiga LatoOFL.rar
luego vaya a TTF y abra este font-face-generator haga clic en Choose File
elija la fuente que desea usar y haga clic en generar, luego descárguelo y luego en el archivo html
ábralo y verá el código como este
@font-face {
font-family: "Lato Black";
src: url(''698242188-Lato-Bla.eot'');
src: url(''698242188-Lato-Bla.eot?#iefix'') format(''embedded-opentype''),
url(''698242188-Lato-Bla.svg#Lato Black'') format(''svg''),
url(''698242188-Lato-Bla.woff'') format(''woff''),
url(''698242188-Lato-Bla.ttf'') format(''truetype'');
font-weight: normal;
font-style: normal;
}
body{
font-family: "Lato Black";
direction: ltr;
}
cambie el código de src y proporcione la url donde se encuentra su directorio de fuentes, ahora puede usarlo en su sitio web ...
Si no quieres descargarlo usa esto
<link type=''text/css'' href=''http://fonts.googleapis.com/css?family=Lato:400,700'' />
Por favor ponga este código en la sección principal
<link href=''http://fonts.googleapis.com/css?family=Lato:400,700'' rel=''stylesheet'' type=''text/css''>
y usa font-family: ''Lato'', sans-serif;
en tu css. Por ejemplo:
h1 {
font-family: ''Lato'', sans-serif;
font-weight: 400;
}
O puede usar manualmente también
Genera la fuente .ttf
de fontSquiral
y puedes probar esta opción
@font-face {
font-family: "Lato";
src: url(''698242188-Lato-Bla.eot'');
src: url(''698242188-Lato-Bla.eot?#iefix'') format(''embedded-opentype''),
url(''698242188-Lato-Bla.svg#Lato Black'') format(''svg''),
url(''698242188-Lato-Bla.woff'') format(''woff''),
url(''698242188-Lato-Bla.ttf'') format(''truetype'');
font-weight: normal;
font-style: normal;
}
Llamado así
body {
font-family: ''Lato'', sans-serif;
}