Tabla de contenido
¿Qué es font-display?
El descriptor font-display determina cómo se muestra una fuente basándose en cuándo está descargada y lista para usarse.
¿Qué fuentes puedo usar en CSS?
Familia tipográfica
| Fuente | Significado | Fuentes de ejemplo |
|---|---|---|
| sans-serif | Tipografía sin serifa | Arial, Verdana, Tahoma… |
| cursive | Tipografía en cursiva | Sanvito, Corsiva… |
| fantasy | Tipografía decorativa | Critter, Cottonwood… |
| monospace | Tipografía monoespaciada | Courier, Courier New… |
¿Cómo funciona font-Family en CSS?
Resumen. La propiedad font-family define una lista de fuentes o familias de fuentes, con un orden de prioridad, para utilizar en un elemento seleccionado. A diferencia de la mayoría de las propiedades CSS, los valores se separan con comas («,») para indicar que son valores alternativos.
¿Qué fuente puedo utilizar?
Las mejores fuentes html seguras para tu web
- Arial. Arial es una de las fuentes más famosas, tanto para medios impresos como en línea.
- Times New Roman. Times New Roman es una variación de la antigua fuente Times del grupo Serif.
- Helvetica.
- Times.
- Courier New.
- Verdana.
- Courier.
- Arial Narrow.
¿Cómo hacer la letra más grande en CSS?
Utiliza la propiedad de font-size (tamaño de fuente) de CSS para determinar el tamaño de tu texto.
- .contenedor { font-size: 33px; }
- .contenedor { font-size: xx-large; }
- .elemento_hijo { font-size: small; }
- .elemento_padre { font-size: smaller; }
- .elemento_padre { font-size: 60px; }
¿Cómo elegir la fuente adecuada para tu diseño?
Claves para elegir la tipografía correcta
- Vigila la correcta relación entre tamaño de letra, ancho de columna e interlineado.
- Ten en cuenta el contraste de color entre las letras y el fondo, a menor contraste menos legibilidad.
- No combines más de dos tipos de letra.
¿Qué estilos de fuentes hay?
¡Empecemos!
- Sans Serif. Este tipo de tipografía desde siempre ha marcado una tendencia en el diseño gráfico.
- Brutalism. Esta tipografía es una fuerte tendencia de nuestra época.
- Helvetica. Otra de las fuentes tipográficas más utilizadas por los diseñadores es la Helvetica.
- Garamond.
- Trajan.
- Futura.
- Bickham script pro.
- Bodoni.
¿Cuáles son las fuentes en HTML?
En HTML y XHTML, es el tipo de letra o familia de tipos de letra es el tipo de letra que se aplicará al cuerpo de texto en un navegador. En CSS, una familia o grupo de tipos de letra (o Face en HTML) se compone de un conjunto de tipos de letra afines, agrupados como familias.
¿Cómo poner tipos de fuentes en HTML?
Esto se hace a partir de la etiqueta y su cierre correspondiente, . Dentro de esta etiqueta deberemos especificar los atributos correspondientes a cada uno de estos parámetros que deseamos definir. A continuación comento los atributos principales de esta etiqueta: Atributo face.
