Cuando hablamos de Fuentes, a menudo tenemos la necesidad de usar caracteres especiales o caracteres de otros idiomas. Sin embargo, no todas las Fuentes admiten todos los caracteres necesarios. En tales casos, el concepto de fuente de reemplazo viene al rescate.
Una fuente de reemplazo es una forma de Mostrar caracteres que no son compatibles con la fuente actual. Cuando el navegador no puede encontrar los caracteres deseados en la fuente principal, accede a las Fuentes de reemplazo predefinidas. Esto le permite Mostrar los caracteres deseados, incluso si no est n incluidos en la fuente principal.
La fuente de reemplazo se puede establecer utilizando la propiedad CSS font-family. La propiedad especifica una lista de Fuentes separadas por comas, mientras que la primera fuente es la fuente principal y el resto son Fuentes de reemplazo. El navegador comprueba secuencialmente las Fuentes de la lista hasta que encuentra un s mbolo apropiado para Mostrar.
Ejemplo de uso de la fuente de reemplazo:
font-family: Arial, Helvetica Neue , Helvetica, sans-serif;
En este ejemplo, la fuente Arial aparece en primer lugar. Si los caracteres no son compatibles con Arial, el navegador comprueba la fuente "helvetica Neue", y as sucesivamente. Si ninguna de las Fuentes Admite caracteres, el navegador muestra un c digo auxiliar, como un rect ngulo con un icono de pregunta.
- Qu es una fuente de reemplazo
- Descripci n y ejemplos de uso
- Principio de la fuente de sustituci n
Qu es una fuente de reemplazo
Cuando el navegador abre una p gina web, primero intenta descargar la fuente solicitada. Si la fuente est disponible y se puede Mostrar, el navegador la usar para Mostrar el texto. Sin embargo, si la fuente solicitada no est disponible o no se puede Mostrar, el navegador proceder a usar la fuente de reemplazo.
Las Fuentes de reemplazo est n instaladas en computadoras y dispositivos de forma predeterminada y son comunes a todos los navegadores. Los diferentes sistemas operativos tienen sus propios conjuntos de Fuentes de reemplazo. Por ejemplo, para el sistema operativo Windows, la fuente de reemplazo puede ser Arial o Times New Roman.
Cuando el navegador aplica la fuente de reemplazo al texto, el resultado puede ser diferente al esperado. La fuente de reemplazo puede tener un dise o, Tama o y estilo diferentes a la fuente solicitada. Esto puede cambiar la ubicaci n, el aspecto y el dise o del texto en la p gina web.
Para garantizar una visualizaci n uniforme del texto en todos los dispositivos y navegadores, se recomienda utilizar Fuentes web. Las Fuentes web son archivos de Fuentes que se descargan del servidor y se muestran en la p gina web, independientemente de la presencia de Fuentes en el dispositivo del usuario.
Descripci n y ejemplos de uso
, donde se especifican varias Fuentes en orden de prioridad separadas por comas. Si la primera fuente no est disponible, el navegador intentar cargar la siguiente fuente de la lista, y as sucesivamente.
Por ejemplo, puede utilizar el siguiente c digo CSS para especificar una fuente de sustituci n:
.font-example {
font-family: Arial, Helvetica, sans-serif;
- }
- En este ejemplo, si la fuente Arial no est disponible, el navegador intentar cargar Helvetica y luego cualquier otra fuente sans-serif (sans-serif) si las dos Fuentes anteriores tampoco est n disponibles.
Los siguientes son algunos ejemplos comunes de uso de la fuente de reemplazo:
Utilice un conjunto de Fuentes con un tema espec fico para crear el ambiente deseado en una p gina web.
Contabilidad de diferentes sistemas operativos y dispositivos que pueden tener diferentes Fuentes predeterminadas.
Proporcionar Fuentes alternativas para diferentes idiomas o caracteres con un alto nivel de juego de caracteres extendido.
Principio de la fuente de sustituci n
La forma en que funciona una fuente de reemplazo es que el navegador busca secuencialmente una lista de Fuentes de reemplazo enumeradas en la propiedad CSS de font-family. Si el navegador detecta una fuente disponible en la computadora del usuario, la usa para Mostrar el texto. Si la fuente no est disponible, el navegador pasa a la siguiente fuente de la lista de reemplazos.