La elecci n competente de la fuente para un sitio web o blog es un aspecto importante del dise o que puede crear la impresi n deseada en los visitantes. A veces, es posible que desee utilizar una fuente normal y est ndar que est presente en la mayor a de los dispositivos y sistemas. En este art culo, veremos c mo usar CSS para cambiar una fuente a normal.
Las etiquetas CSS le permiten cambiar f cilmente la fuente del texto en una p gina web. Sin embargo, en lugar de elegir entre la gran cantidad de Fuentes que ofrecen las bibliotecas y los servicios, puede usar una fuente est ndar que se mostrar de la misma manera en diferentes dispositivos y sistemas operativos.
Para hacer esto, puede usar el valor "serif" o "sans-serif" en la propiedad CSS font-family. La fuente de la familia "serif "personifica el estilo cl sico de los art culos impresos de los peri dicos, mientras que" sans-serif " se asocia con dise os m s modernos y limpios. Ambos valores usar n las Fuentes predeterminadas del sistema que est n instaladas en el dispositivo del usuario.
Nota: Si desea establecer una fuente est ndar exclusivamente para un elemento espec fico en una p gina, puede aplicar la propiedad CSS font-family a ese elemento o crear una nueva clase y aplicarla a los elementos deseados.
C mo personalizar la fuente con CSS?
Para empezar, debe especificar un selector que determinar a qu elementos se aplicar el estilo de fuente. Por ejemplo, para cambiar la fuente de todos los p rrafos de una p gina, puede utilizar el selector "p".
A continuaci n, puede especificar la propiedad "font-family" que define la familia de Fuentes para el elemento seleccionado. El valor de esta propiedad se establece entre comillas y puede contener uno o m s nombres de fuente separados por comas. Por ejemplo, para usar Arial y Verdana como Fuentes para p rrafos, puede establecer la siguiente regla:
p {
font-family: "Arial", "Verdana", sans-serif;
}
En este ejemplo, si el usuario tiene una fuente Arial o Verdana instalada en el sistema, se usar para Mostrar el texto de los p rrafos. De lo contrario, se utilizar el tipo de letra especificado por los valores "sans-serif".
Para seleccionar un estilo de fuente espec fico, puede utilizar la propiedad "font-style". Por ejemplo:
p {
font-style: italic;
}
En este caso, el texto del p rrafo se mostrar en cursiva.
Tambi n puede ajustar el Tama o de fuente utilizando la propiedad "font-size". El valor de esta propiedad se puede establecer en p xeles, porcentajes, em u otras unidades de medida. Por ejemplo:
p {
font-size: 16px;
}
En este ejemplo, el Tama o de fuente de los p rrafos ser de 16 p xeles.