Fuentes y CSS
CSS es la forma más efectiva de ajustar las fuentes en su página web. Puede controlar la familia de fuentes, el tamaño, el color, el peso y muchos otros aspectos de la tipografía.
Las propiedades de fuente en CSS son una de las formas más comunes de hacer que su página sea más distintiva y única. Es fácil cambiar el color, el tamaño e incluso la cara (la propia fuente) de su texto con las propiedades de la fuente CSS.
- color
- Familia tipográfica
- tamaño de fuente
Hay tres partes en una fuente:
- color
- Este es el color que la fuente mostrará en la pantalla.
- tamaño
- Esto es lo grande o pequeño que se mostrará el tipo de letra en la pantalla.
- cara
- Esta es la familia de fuentes, lo que a menudo se denomina fuente real.
Colores de fuente
Para cambiar el color del texto, simplemente use la propiedad de estilo de color CSS. Puedes usar nombres de colores o códigos hexadecimales. Al igual que con todos los colores en la web, es mejor usar colores seguros para el navegador.
Prueba los siguientes estilos en tus páginas web:
esta fuente es de color rojoesta fuente es de color azul
Tamaños de fuente
Cuando configura el tamaño de fuente en la web, puede configurarlo en tamaños relativos o ser muy específico utilizando píxeles, centímetros o pulgadas. Sin embargo, los tamaños de fuente más exactos se deben usar para imprimir y no para páginas web, donde todos los que visitan su sitio web pueden tener una resolución diferente, tamaño de monitor o configuración de fuente predeterminada. Por lo tanto, si elige 15px como su tamaño estándar, puede que se sorprenda desagradablemente al ver qué tan grande o pequeña es la fuente para sus clientes.
Te recomiendo que uses ems para el tamaño de letra. Los ems permiten que su página permanezca accesible sin importar quién la esté viendo, y los ems están diseñados para la visualización en pantalla. Deja tus píxeles y puntos para la representación de impresión. Para cambiar el tamaño de la fuente, coloque el siguiente estilo en su página web:
esta fuente es 1emesta fuente es .75emesta fuente es 1.25em
Caras de fuentes
La fuente de su fuente es lo que mucha gente piensa cuando piensa "fuente". Puede declarar cualquier cara de fuente que desee, pero recuerde que si su lector no tiene esa fuente instalada, su navegador intentará encontrar una coincidencia. Para ello, y su página no se verá como pretendías.
Para resolver este problema, puede especificar una lista de nombres de caras, separados por comas, para que el navegador los utilice en orden de preferencia. Estos se llaman pilas de fuentes. Tenga en cuenta que una fuente estándar en una PC (como Arial) podría no ser estándar en una Macintosh. Por lo tanto, siempre debe ver sus páginas con una máquina con instalación mínima (y preferiblemente en ambas plataformas) para asegurarse de que su página se vea como diseñada, incluso con fuentes mínimas.
Una de mis pilas de fuentes favoritas es Este conjunto es una colección de fuentes sans-serif y aunque ginebra y Arial no se ven muy similares, ambas son bastante estándar en computadoras Macintosh y Windows. Incluyo helvetica y helv para clientes en otros sistemas operativos como Unix o Linux que pueden no tener una biblioteca de fuentes robusta.
esta fuente es sans-serifesta fuente es serif
