NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Regla CSS : @font-face

30 de Diciembre del 2020 por Josep Antoni Bover. 0 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta regla nos permite añadir fuentes externas para utilizar en el documento.

Si quieres alguna fuente que no sea convencional, te recomiendo buscar en la siguiente pagina Font Squirrel, la cual tiene cientos de fuentes gratis compatibles para la web listas para la descarga.


Sintaxis

@font-face { Propiedades }
font-family Requerido, define el nombre de la fuente.
src Requerido, especifica una o mas URL's donde se pueden encontrar las fuentes.
Internet explorer solo soporta fuentes del tipo 'eot', los demas navegadores soportan fuentes del tipo 'ttf' y 'otf'.
font-stretch Opcional, define como debe estirarse la fuente. Por defecto es normal.
font-style Opcional, especifica el estilo de la fuente. Por defecto es normal.
font-weight Opcional, define el grosor de la fuente. Por defecto es normal.
unicode-range Opcional, Define el rango de caracteres unicode que soporta la fuente. Por defecto es U+0-10FFFF


Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS3.

Soportado a partir de la versión 3.5
Soportado a partir de la versión 6
Soportado a partir de la versión 11.1
Soportado a partir de la versión 5.1
Soportado a partir de la versión 9

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados