2010-11-24 9 views
36

Presente Veo que muchos sitios web usan fuentes de tipo verdadero. Quiero saber cómo usar fuentes de tipo verdadero en nuestras aplicaciones y ¿afecta el tiempo de carga de las páginas?Uso de fuentes de tipo True en aplicaciones web

+0

También puede ser que desee añadir fuentes EOF para el apoyo Windoze: http://stackoverflow.com/questions/6437061/convert-arabic-ttf-otf-fonts-to-woff-eof –

Respuesta

6

La incrustación de fuentes puede ser un poco complicada debido a problemas de compatibilidad del navegador. Por ejemplo, Safari solo admite fuentes SVG. IE solo admite .eot, que primero se debe convertir de .ttf

He encontrado que la manera más fácil de usar fuentes personalizadas es con Google Fonts Además de tener el directorio de fuentes de Google gratuito para elegir, hay algunos proveedores que proporcionan una selección mucho más amplia de fuentes gratis y para comprar.

+0

No responder a la pregunta. –

5

Utiliza Font Embedding.

Afectará el tiempo total de carga de la página ya que los datos de la fuente deben descargarse, así como otros contenidos, estilos, etc. Sin embargo, se almacenará en caché para que solo afecte a la primera vista de la página.

86

HTML5 permite utilizar TTF fuentes en tu CSS:

@font-face { 
    font-family: 'Tagesschrift'; 
    src: url('tagesschrift.ttf'); 
} 

utilizarlo:

h1, h2, h3 { font-family: 'Tagesschrift', 'Georgia', serif; } 

Comprobar more information in html5rocks.

+0

¡Esto lo mece por completo! ¡Gracias! – mpemburn

+3

¿Es compatible con estos navegadores @fguillen? –

+3

@AliGajani https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face#Browser_compatibility – kevin

Cuestiones relacionadas