La tipografía web , al igual que la tipografía en general, es el diseño de páginas, su disposición y las opciones tipográficas . A diferencia de la tipografía impresa tradicional (en la que la página queda fija una vez compuesta ), las páginas destinadas a ser mostradas en la World Wide Web tienen desafíos técnicos adicionales y, dada su capacidad para cambiar la presentación de forma dinámica, oportunidades adicionales. Los primeros diseños de páginas web eran muy simples debido a las limitaciones tecnológicas; los diseños modernos utilizan hojas de estilo en cascada (CSS), JavaScript y otras técnicas para transmitir la visión del tipógrafo y del cliente.
Cuando se creó el HTML , los tipos de letra y los estilos se controlaban exclusivamente mediante la configuración de cada navegador web . No existía ningún mecanismo para que las páginas web individuales controlaran la visualización de las fuentes hasta que Netscape introdujo el fontelemento en 1995, que luego se estandarizó en la especificación HTML 3.2. Sin embargo, la fuente de computadora especificada por el elemento tenía que estar instalada en la computadora del usuario o se usaría fontuna fuente de respaldo, como la fuente sans-serif o monoespaciada predeterminada de un navegador. La primera especificación CSS se publicó en 1996 y brindaba las mismas capacidades.
La especificación CSS2 se publicó en 1998 e intentó mejorar el proceso de selección de fuentes añadiendo coincidencias, síntesis y descarga de fuentes. Estas técnicas no tuvieron mucho uso y se eliminaron en la especificación CSS2.1. Sin embargo, Internet Explorer añadió compatibilidad con la función de descarga de fuentes en la versión 4.0 , publicada en 1997. [1] La descarga de fuentes se incluyó más tarde en el módulo de fuentes CSS3 y desde entonces se ha implementado en Safari 3.1 , Opera 10 y Mozilla Firefox 3.5 . Esto ha aumentado posteriormente el interés por la tipografía web, así como el uso de la descarga de fuentes.
En la primera especificación CSS, [2] los autores especificaron las características de las fuentes a través de una serie de propiedades:
font-familyfont-stylefont-variantfont-weightfont-sizeTodas las fuentes se identificaban únicamente por su nombre. Más allá de las propiedades mencionadas anteriormente, los diseñadores no tenían forma de aplicar estilos a las fuentes y no existía ningún mecanismo para seleccionar fuentes que no estuvieran presentes en el sistema cliente.
Las fuentes seguras para la Web son fuentes informáticas que se puede esperar razonablemente que estén presentes en una amplia gama de sistemas informáticos y que los autores de contenido web utilizan para aumentar la probabilidad de que el contenido se muestre en la fuente elegida. Si un visitante de un sitio web no tiene la fuente especificada, su navegador intenta seleccionar una alternativa similar, basándose en las fuentes de reserva y las familias genéricas especificadas por el autor, o utiliza la sustitución de fuentes definida en el sistema operativo del visitante.
Para garantizar que todos los usuarios de la Web tuvieran un conjunto básico de fuentes, Microsoft inició la iniciativa Fuentes básicas para la Web en 1996 (que finalizó en 2002). Las fuentes publicadas incluyen Arial , Courier New , Times New Roman , Comic Sans , Impact , Georgia , Trebuchet , Webdings y Verdana , bajo un EULA que las hizo de libre distribución pero también limitó algunos derechos de uso. Su alta tasa de penetración las ha convertido en un elemento básico para los diseñadores web. Sin embargo, la mayoría de las distribuciones de Linux no incluyen estas fuentes de forma predeterminada.
CSS2 intentó aumentar las herramientas disponibles para los desarrolladores web agregando síntesis de fuentes, correspondencia de fuentes mejorada y la capacidad de descargar fuentes remotas. [3]
Algunas propiedades de fuentes CSS2 se eliminaron de CSS2.1 y luego se incluyeron en CSS3. [4] [5]
La especificación CSS permite que se incluyan varias fuentes como fuentes de respaldo. [6] En CSS, la font-familypropiedad acepta una lista de tipos de fuentes separados por comas para usar, de la siguiente manera:
familia de fuentes : "Nimbus Sans L" , Helvetica , Arial , sans-serif ; La primera fuente especificada es la fuente preferida. Si esta fuente no está disponible, el navegador web intenta utilizar la siguiente fuente de la lista. Si no se encuentra ninguna de las fuentes especificadas, el navegador muestra su fuente predeterminada. Este mismo proceso también se produce en cada carácter si el navegador intenta mostrar un carácter que no está presente en la fuente especificada.
Para dar a los diseñadores web cierto control sobre la apariencia de las fuentes en sus páginas web, incluso cuando las fuentes especificadas no están disponibles, la especificación CSS permite el uso de varias familias de fuentes genéricas. Estas familias están diseñadas para dividir las fuentes en varias categorías en función de su apariencia general. Se las suele especificar como las últimas de una serie de fuentes de reserva, como último recurso en caso de que ninguna de las fuentes especificadas por el autor esté disponible. Durante varios años, hubo cinco familias genéricas: [6]
Fantasía
A partir de febrero de 2024 [actualizar], el Grupo de Trabajo CSS del W3C propone que los sistemas especifiquen una fuente predeterminada mediante uietiquetas; [8] a la misma fecha, estas aún no cuentan con un amplio soporte. [9]
La primera vez que se especificó una técnica para consultar y descargar automáticamente fuentes remotas fue en la especificación CSS2, que introdujo la construcción. En ese momento, obtener archivos de fuentes de la web era controvertido porque las fuentes destinadas a usarse solo en ciertas páginas web también podían descargarse e instalarse infringiendo la licencia de la fuente. [10]@font-face
Microsoft agregó por primera vez compatibilidad con fuentes EOT descargables en Internet Explorer 4 en 1997. Los autores tuvieron que usar la herramienta patentada WEFT para crear un archivo de fuente subconjunto para cada página. EOT demostró que las fuentes web podían funcionar y el formato se utilizó en sistemas de escritura que no eran compatibles con los sistemas operativos comunes. Sin embargo, el formato nunca obtuvo una aceptación generalizada y finalmente fue rechazado por el W3C. [11]
En 2006, Håkon Wium Lie inició una campaña contra el uso de EOT y en su lugar pidió que los navegadores web admitieran los formatos de fuentes más utilizados. [12] [13] [14] Desde entonces, se ha implementado el soporte para los formatos de fuentes TrueType y OpenType más utilizados en Safari 3.1 , Opera 10 , Mozilla Firefox 3.5 e Internet Explorer 9 .
En 2010, el método de compresión WOFF para fuentes TrueType y OpenType fue enviado al W3C por la Fundación Mozilla , Opera Software y Microsoft , y desde entonces los navegadores han agregado soporte. [15] [16] [17]
Google Fonts se lanzó en 2010 para ofrecer fuentes web con licencias de código abierto . En 2016, había más de 800 familias de fuentes web disponibles. [18]
Las fuentes web se han convertido en una herramienta importante para los diseñadores web y a partir de 2016 la mayoría de los sitios utilizan fuentes web. [19]
Mediante el uso de una técnica específica de incrustación CSS [20] es posible incrustar fuentes de forma que funcionen con IE4+, Firefox 3.5+, Safari 3.1+, Opera 10+ y Chrome 4.0+. Esto permite que la gran mayoría de los usuarios de la Web accedan a esta funcionalidad. Algunas fundiciones comerciales se oponen a la redistribución de sus fuentes. Por ejemplo, Hoefler & Frere-Jones dice que, si bien "... apoyan con entusiasmo el surgimiento de una Web más expresiva en la que los diseñadores puedan usar de forma segura y confiable fuentes de alta calidad en línea", la entrega actual de fuentes mediante este sistema se considera una "distribución ilegal" por parte de la fundición y no está permitida. [21] En cambio, Hoefler & Co. ofrece un sistema de entrega de fuentes propietario basado en la nube. Muchas otras fundiciones tipográficas comerciales abordan la redistribución de sus fuentes ofreciendo una licencia específica, conocida como licencia de fuente web, que permite el uso del software de fuentes para mostrar contenido en la Web, un uso normalmente prohibido por las licencias básicas de escritorio. Naturalmente, esto no afecta a las fuentes y fundiciones con licencias libres. [m 1]@font-face@font-face
TrueDoc , aunque no es específicamente una especificación de fuentes web, fue el primer estándar para incrustar fuentes. Fue desarrollado por la fundición tipográfica Bitstream en 1994 y pasó a tener soporte nativo en Netscape Navigator 4, en 1996. Debido a las restricciones de la licencia de código abierto, con Netscape incapaz de publicar el código fuente de Bitstream, el soporte nativo para la tecnología finalizó cuando se lanzó Netscape Navigator 6. Un complemento ActiveX estaba disponible para agregar soporte para TrueDoc a Internet Explorer , pero la tecnología tuvo que competir contra las fuentes Embedded OpenType de Microsoft , que habían tenido soporte nativo en su navegador Internet Explorer desde la versión 4.0. [22] Otro impedimento fue la falta de herramientas de código abierto o gratuitas para crear fuentes web en formato TrueDoc, mientras que Microsoft puso a disposición una herramienta gratuita de fuentes incrustadas en la web para crear fuentes web en su formato.
Internet Explorer admite la incorporación de fuentes a través del estándar propietario Embedded OpenType desde la versión 4.0. Utiliza técnicas de gestión de derechos digitales para ayudar a evitar que las fuentes se copien y se utilicen sin licencia. Un subconjunto simplificado de EOT se ha formalizado con el nombre de CWT ( Compatibility Web Type , anteriormente EOT-Lite ) [23].
La tipografía web se aplica a SVG de dos maneras:
@font-faceLas fuentes SVG eran un estándar de fuentes del W3C que utilizaba gráficos SVG y que se convirtió en un subconjunto de las fuentes OpenType. [25] Permitía fuentes multicolor [26] o animadas. [27] Primero fue un subconjunto de las especificaciones SVG 1.1 [28] pero quedó obsoleto [29] en la especificación SVG 2.0. Las fuentes SVG como formato independiente son compatibles con la mayoría de los navegadores, excepto IE y Firefox, y están obsoletas en Chrome (y Chromium). [30] Ahora está generalmente obsoleto; el estándar con el que la mayoría de los proveedores de navegadores están de acuerdo es el subconjunto de fuentes SVG incluido en OpenType (y luego el superconjunto WOFF, ver más abajo), llamado SVGOpenTypeFonts. [31] Firefox ha admitido SVG OpenType desde Firefox 26.
La vinculación a fuentes TrueType (TTF) y OpenType (TTF/OTF) estándar de la industria es compatible con Mozilla Firefox 3.5+, Opera 10+, [32] Safari 3.1+, [33] y Google Chrome 4.0+. [34] Internet Explorer 9+ solo admite aquellas fuentes con permisos de incrustación configurados como instalables. [35]
El formato Web Open Font Format (WOFF) es esencialmente OpenType o TrueType con compresión y metadatos adicionales. WOFF es compatible con Mozilla Firefox 3.6+, [36] Google Chrome 5+, [37] [38] Opera Presto , [39] y es compatible con Internet Explorer 9 (desde el 14 de marzo de 2011). [40] El soporte está disponible en Safari de Mac OS X Lion a partir de la versión 5.1.
El término fuente Unicode es una fuente informática que asigna glifos a puntos de código definidos en el estándar Unicode . [41] El término se ha vuelto redundante ya que la gran mayoría de las fuentes informáticas modernas utilizan asignaciones Unicode, incluso aquellas fuentes que solo incluyen glifos para un solo sistema de escritura , o incluso solo admiten el alfabeto latino básico . Las fuentes que admiten una amplia gama de escrituras Unicode y símbolos Unicode a veces se denominan "fuentes pan-Unicode", aunque como el número máximo de glifos que se pueden definir en una fuente TrueType está restringido a 65.535, no es posible que una sola fuente proporcione glifos individuales para todos los caracteres Unicode definidos (154.998 caracteres, con Unicode 16.0).
Solo dos fuentes disponibles de forma predeterminada en la plataforma Windows , Microsoft Sans Serif y Lucida Sans Unicode , proporcionan un amplio repertorio de caracteres Unicode . [ necesita actualización ]
En plataformas de software libre y de código abierto como Linux , GNU Unifont y GNU FreeFont ofrecen una amplia gama de caracteres. En ChromeOS , las fuentes Noto de Google admiten (o se prevé que admitan) todos los alfabetos codificados en el estándar Unicode .
Un obstáculo común en el diseño web es el diseño de maquetas que incluyen fuentes que no son aptas para la Web. Existen varias soluciones para situaciones como esta. Una solución común es reemplazar el texto con una fuente similar apta para la Web o usar una serie de fuentes alternativas de apariencia similar.
Otra técnica es la sustitución de imágenes . Esta práctica implica superponer el texto con una imagen que contiene el mismo texto escrito en la fuente deseada. Esto es bueno para fines estéticos, pero impide la selección de texto, aumenta el uso del ancho de banda, es malo para la optimización de motores de búsqueda y hace que el texto sea inaccesible para usuarios con discapacidades. [ cita requerida ]
En el pasado, se utilizaban soluciones basadas en Flash , como sIFR . Se trata de técnicas similares a las de reemplazo de imágenes, aunque el texto se puede seleccionar y se representa como un vector. Sin embargo, este método requiere la presencia de un complemento propietario en el sistema del cliente.
Otra solución es utilizar JavaScript para reemplazar el texto con VML (para Internet Explorer) o SVG (para todos los demás navegadores). [42]
¿En qué año se desarrolló truedoc?
Medios de comunicación de Commons
Recursos de Wikiversidad
Datos de Wikidata
Documentación de MediaWiki