Fuente de noticias: css-tricks.com
Para muchos diseñadores y desarrolladores web que luchan con las fuentes, las noticias de ayer sobre Google Font API realmente los hicieron felices. Esta API muy simple y práctica incluye un conjunto de bibliotecas de fuentes y herramientas de vista previa, combinadas con Google y TypeKit. La carga de WebFont de código abierto. La herramienta desarrollada por WebFont facilita a los diseñadores web hacer referencia a fuentes personalizadas en sus propios sitios.
Usar la API de Google Web Fonts es tan simple como vincular un archivo CSS de Google y hacer referencia al nombre de la fuente en su propia definición de CSS. Aquí hay una demostración como referencia. De hecho, la API de fuentes web de Google es @font-face y puede implementarla usted mismo, pero el enfoque de Google tiene muchas ventajas:
Ancho de banda (El ancho de banda corre a cargo de Google)
Almacenamiento en caché (la misma fuente se almacenará en caché en muchos sitios y el navegador puede obtenerla directamente del caché)
Velocidad (la red acelerada de Google CDN es más rápida que los sitios web de la mayoría de las personas)
Por supuesto, cargar los archivos CSS de Google es una carga adicional, pero puede vincular directamente al archivo de fuente o incluso descargar la fuente al sitio para crear su propia versión SVG. Además, la API de fuentes web de Google no es compatible actualmente con iPhone ni iPad.
En cuanto al cargador WebFont, es un script JavaScript que se utiliza para cargar fuentes. No es necesario utilizarlo, pero su uso aportará beneficios adicionales. Por ejemplo, cuando Firefox carga Google Web Fonts, mostrará una fuente sustituta antes de que @font-face esté completamente cargado. Después de que @font-face esté completamente cargado, la fuente real reemplazará a la fuente sustituta, lo que hará que la página parpadee. . Y confuso, el cargador WebFont puede resolver este problema.
Raph Levien es un diseñador tipográfico que diseñó la fuente Inconsolata. Raph también es miembro del equipo API de Google Web Fonts y este artículo es una entrevista con Raph.
cris:
Google hace muchas cosas buenas para los diseñadores web, incluidas algunas que consumen gran parte de su ancho de banda, como usar su red CDN para alojar bibliotecas de JavaScript. Permítanme ser un poco sarcástico, ¿qué le hace esto exactamente a Google? Claro, esto haría que las fuentes web fueran más rápidas, pero ¿de qué le serviría a Google una web más rápida? ¿Es útil para Google analizar información de datos?
rap:
Es sólo para hacer que la Web sea más rápida y rica. No recopilamos ninguna información personal y nuestros registros son solo para estadísticas de rendimiento y estadísticas sobre qué fuentes son populares. Lo mejor de este servicio es que, al igual que nuestra biblioteca Ajax alojada, dado que muchos sitios utilizan estos servicios, es fácil para el navegador encontrar lo que ya se ha cargado desde el caché sin tener que recargarlo cada vez.
cris:
En el peor de los casos, si las fuentes que alojas fallan, ¿qué sucede con los sitios que hacen referencia a ellas? ¿Se utilizarán fuentes alternativas o algo más?
rap:
Sí, se utilizan fuentes alternativas, es solo CSS y el diseñador tiene control total sobre qué fuentes se utilizan. Además, si desea tener un mejor control, puede usar el cargador WebFont. Por ejemplo, cuando falla la carga de la fuente, puede usar JavaScript para cambiar el CSS. También trabajaremos con los principales desarrolladores de navegadores para mejorar la fuente web. experiencia.
cris:
Su cooperación con TypeKit es muy interesante. ¿Puede contarnos al respecto?
rap:
TypeKit es lo más avanzado en fuentes web, y las conocemos desde hace mucho tiempo (Jeff Veen de hecho trabajó en ellas en Google). Entonces, naturalmente, hablamos de ello juntos. Nuestras fuentes abiertas son una gran cosa, pero aún queremos tener más fuentes disponibles para los usuarios. Además, también cooperamos con otros proveedores de fuentes importantes, incluido Ascender.
cris:
Algunas fuentes gratuitas o de código abierto generalmente sirven como publicidad para sus diseñadores. ¿Es esto un obstáculo para la biblioteca de fuentes de Google? En última instancia, estas bibliotecas de fuentes contienen fuentes restringidas.
rap:
Hemos tenido una gran respuesta hasta ahora. La gente nos aporta fuentes por todo tipo de razones, y una de las razones definitivas es que les genera más tráfico para ayudarles a vender más fuentes premium. Todavía hay muchas personas a las que simplemente les gusta diseñar fuentes. Pase lo que pase, estamos muy seguros de que nuestra biblioteca de fuentes de código abierto será cada vez más poderosa. Sin embargo, en cualquier momento, los proveedores de fuentes profesionales tienen fuentes de mayor calidad.
Fuente internacional de este artículo: CSS TRICKS Google Font API & Interview (Autor original: Chris Coyier)
Fuente de compilación china: sitio web oficial del sistema de gestión de contenido del sitio web Ruishang Enterprise CMS