Práctica 7

Los formatos de fuentes OpenType disponibles son:

• OTF. Es el formato base de una fuente (OpenType Font).
• EOT. Diseñada por Microsoft para ser utilizada de forma embebida en páginas (Web Embedded OpenType).
• WOFF. Desarrollada por la W3C en 2009, una fuente TrueType o una OpenType y metadatos adicionales y comprimido para favorecer la distribución desde el servidor (Web Open Font Format).

La regla CSS @font-face, que nos permite utilizar cualquier tipografía en una página web independientemente de si el usuario la tiene instalada o no en su sistema

Admite tipos de formatos tipográficos como son .eot .ttf y .otf

Su sintaxis es la siguiente:
@font-face{
            font-family:<nombre_fuente>;
            src: <source>[,<source>]*;
            [font-weight:<weigth>];
            [font-style:<style>];
}

Con esto definimos el tipo de letra y su ubicación en nuestro servidor. Si queremos utilizar dicha fuente tan solo tenemos que llamarla con font-family en las reglas de estilo que deseemos.

---

La compatibilidad con los diferentes browsers se puede ver en esta gráfica:

---

Ejemplo:

Esta línea de texto utiliza la font vivaldi

Esta línea de texto utiliza la font gothic

Las ligaduras son algo opcional y particular de cada fuente. Es decir, una fuente dada puede tener o no ligaduras, puede tener unas particulares y aun esas pueden ser diferentes de las de otras fuentes.

La etiqueta feature-tag-value se utiliza para incluir nuevas capacidades en los estilos

La sintaxis de la etiqueta de la regla, es:
<feature-tag-value> = <string> [<integer> | on | off ]

• El valor numérico si tiene significado para la etiqueta –dependerá de las especificaciones de la propia etiqueta y de la fuente en concreto.
• El "on" u "off" si deseamos activar o desactivar lo que implica la o las etiquetas. Por defecto es el valor de "on", que podremos obviar.
• Los valores que pueden escribirse en el atributo string pueden ser:

Etiqueta	Descripcion
liga / clig	Activa y desactiva las ligaduras normales o comunes
diga / dlig	Activa y descativa las ligaduras discrecionales
hist / hlig	Activa y desactiva las ligaduras históricas
salt	Activa y desactiva los estilos alternativos
calt	Activa y desactiva las ligaduras contextuales alternativas
smcp	Activa y desactiva pequeñas letras may&uacure;sculas
ss01 ... ss20	Activa y desactiva capacidades de estilos diversos

---

Ejemplos:

Esta línea de texto utiliza la font gabriola con ligaduras que esta alojada en el sistema

Esta línea de texto utiliza la font megalopolis con ligadoras en archivos externos