Descarga de fuentes de Google
Contenidos
No hay duda de que las fuentes web son un tema candente. Parece que, tras décadas de insistencia, el mundo por fin está viendo las cosas como las ven los diseñadores: la tipografía importa y es importante hacerla bien.
¿Por qué son tan importantes las fuentes? Cuando se diseña un sitio web, puede ser fácil conformarse con las fuentes predeterminadas y centrarse en otras decisiones aparentemente más importantes. Sin embargo, esto no sólo sería un error, sino que estarías perdiendo el poder de las fuentes y los beneficios que pueden aportar a tu sitio. En su herramienta de creación de prototipos, ver la fuente final en todo su esplendor puede arrojar nueva luz sobre su producto. He aquí algunos ejemplos de cómo la elección de las fuentes adecuadas puede beneficiar a su sitio web.
Las fuentes ayudan a la creación de la marcaLa elección de la fuente adecuada para su sitio web puede suponer una gran diferencia para su marca. Desde el logotipo hasta los números, pasando por el microcopy, la elección de la fuente establece una especie de comunicación no verbal con el lector. Debido a la forma en que nuestros ojos responden inconscientemente a las señales visuales (escribimos más sobre esto cuando hablamos de la narración y la UX), las fuentes de su sitio web pueden influir en la impresión inmediata que el lector tiene de su marca.
Fuentes de Adobe
En el primer artículo del módulo, exploramos las características básicas de CSS disponibles para estilizar las fuentes y el texto. En este artículo iremos más allá, explorando las fuentes web en detalle. Veremos cómo utilizar fuentes personalizadas con tu página web para permitir un estilo de texto más variado y personalizado.
Familias de fuentes recapitulaciónComo vimos en Estilo fundamental de texto y fuentes, las fuentes aplicadas a tu HTML pueden ser controladas usando la propiedad font-family. Ésta toma uno o más nombres de familias de fuentes. Al mostrar una página web, un navegador recorrerá una lista de valores de font-family hasta que encuentre una fuente disponible en el sistema en el que se está ejecutando:
Este sistema funciona bien, pero tradicionalmente las opciones de fuentes de los desarrolladores web eran limitadas. Sólo hay un puñado de fuentes que se puede garantizar que estén disponibles en todos los sistemas comunes: las llamadas fuentes Web-safe. Se puede utilizar la pila de fuentes para especificar las fuentes preferidas, seguidas de las alternativas seguras para la web, seguidas de la fuente del sistema por defecto. Sin embargo, esto aumenta la carga de trabajo debido a las pruebas necesarias para asegurarse de que sus diseños funcionan con cada fuente.Fuentes webPero hay una alternativa que funciona muy bien. (Incluso es compatible con navegadores más antiguos como la versión 6 de IE). CSS le permite especificar archivos de fuentes, disponibles en la web, para que se descarguen junto con su sitio web a medida que se accede a él. Esto significa que cualquier navegador que soporte esta función CSS puede mostrar las fuentes que hayas elegido específicamente. ¡Increíble! La sintaxis requerida es algo así:
Diseño del logotipo de Google Fonts
Rebobina hasta los albores de la Internet moderna: 1996. En ese momento, si eres un diseñador web, los únicos tipos de letra que puedes seleccionar razonablemente son los que puedes estar seguro de que todos los propietarios de ordenadores personales ya tienen instalados en su máquina. Si un visitante no tiene el tipo de letra que usted ha utilizado en su sitio web, tiene que descargarlo en el momento, lo que en los días del acceso telefónico, es un imposible.
En el 96, Microsoft decidió hacer un favor a Internet distribuyendo gratuitamente una selección de tipos de letra, como Arial, Times New Roman y Verdana, con el fin de aumentar las existencias de tipos de letra viables para los diseñadores web. La web empieza a tener un aspecto más bonito, pero la mayoría de las veces se siguen viendo los mismos tipos de letra una y otra vez. Si te encuentras con algo más único, probablemente sea un archivo de imagen.
Avancemos hasta 2009. Llega un programa CSS llamado @font-face, que hace viable por primera vez que los visitantes de un sitio web descarguen archivos de fuentes en el momento sin un tiempo de descarga demasiado terrible. Las fuentes que se hacen para interactuar con este software se llaman fuentes web.
Derechos de autor de las fuentes de Google
Las fuentes se mueven en la fina línea que separa el texto de las imágenes, lo que las convierte en las herramientas perfectas para añadir énfasis a cualquier documento. Con un poco de ayuda de la fuente adecuada se puede captar la atención, clarificar el mensaje y enfatizar la importancia. Pero esto no se consigue simplemente encontrando una fuente que le guste. Creamos un software de gestión de fuentes que le permite utilizarlas con mayor libertad, rapidez y eficacia en su trabajo.
¿Necesita garantizar la coherencia de la marca y la accesibilidad de los activos entre los departamentos? Utiliza el poder de la tipografía para atraer a los estudiantes, impresionar a los padres y a los compañeros de la facultad, y comunicarte de forma aún más eficaz.
