letra latoweb lato googleapis google font family descargar css fontfamily google-font-api

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;

enlace: http://www.google.com/fonts/specimen/Lato


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; }