html - personalizadas - incluir fuentes en css
Cómo usar nuestra fuente personalizada en nuestro sitio web (8)
"eso funciona en todos los navegadores"
No creo que haya CUALQUIER COSA "que funcione en todos los navegadores".
Pero sus opciones incluirían (como se indicó anteriormente) sIFR, aunque solo querría usar eso para los titulares, como máximo.
Los navegadores más recientes pueden soportar @ font-face css "incrustación" de fuentes. Algunos servicios web en línea que le permitirán licenciar el tipo de letra (ya sea comercial o libre) y también hacer que CSS / JS sean necesarios incluyen:
y hay otros también.
También está Cufon, que es una solución basada en JavaScript.
Cómo usar una fuente con estilo en mi sitio web que funciona en todos los navegadores
¿Desea usarlo para titulares y otro texto "especial" o para párrafos generales de texto? Si la primera, sIFR o una imagen que representa el texto probablemente sea la mejor. Si quieres párrafos enteros, entonces debes buscar en @ font-face como DA sugirió o ver si hay una fuente web segura aceptable que esté lo suficientemente cerca de la fuente que prefieras usar.
La única solución válida es sIFR .
La incrustación de fuentes se está volviendo viable ahora. Echa un vistazo a esta publicación de Jonathon Snook
Personalmente, cambié de sIFR a cufon en proyectos que no tienen problemas con los EULA de fuentes. La página Acerca de tiene una visión general más en profundidad.
Realmente debería verificar la regla @ font-face CSS3 . Aquí hay un convertidor para que funcione en IE. Paul Irish tiene una gran reseña sobre cómo usar la regla aquí .
[EDIT] También encontré un generador práctico: http://www.fontsquirrel.com/fontface/generator
Depende de la fuente que quieras usar ... la solución más fácil es usar el método @font-face . Si incluye el formato solo de Microsoft (.EOT), funcionará en CUALQUIER navegador.
Font Squirrel tiene una gran colección de kits de fuentes comerciales gratuitos, que incluyen:
- Fuentes originales TrueType o OpenType para Firefox 3.5 y Safari
- Fuentes EOT para Internet Explorer
- Fuentes SVG para Opera, iPhone y Chrome
- Fuentes WOFF para Firefox 3.6+
- Demo.html y stylesheet.css para que pueda ir rápido
El método @font-face no requiere Javascript o Flash, como las técnicas sIFR y Cufon antes mencionadas, por lo que es más accesible para todos.
Es totalmente amigable con el SEO y escalable.
Prueba sIFR . "Tipografía rica accesible para las masas".
Editar: Además, mira cufon . (a través de publicaciones posteriores)