English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Las fuentes web seguras son muy comunes y es más probable que aparezcan en Windows, Mac, Linux y otros sistemas operativos.
Cuando intenta usar una fuente en una página web y no aparece como debería, puede ser porque no todos los sistemas de computadora proporcionan todas las fuentes.
Para asegurar que el texto se presente de manera precisa en la mayoría de los navegadores o sistemas operativos, debe definir muy cuidadosamente la fuente.font-familyLa propiedad CSS puede contener varios nombres de fuentes como sistema de respaldo. Comienza con la fuente preferida y, si la fuente preferida no está disponible, utiliza la fuente de respaldo.
Siempre debe usar la serie de fuentes genéricas como font-El valor de la propiedad family, que tiene cinco: serif, sans-serif, monospace, cursive y fantasy. Si no se define una fuente, la serie de fuentes genéricas permite que el navegador seleccione una fuente similar.
La siguiente tabla enumera las combinaciones de fuentes más seguras para usar.
| Familia de fuentes | Normal | Negrita |
|---|---|---|
| Arial, Helvetica, sans-serif | Este es texto normal. | Este es texto en negrita. |
| "Times New Roman", Times, serif | Este es texto normal. | Este es texto en negrita. |
| "Courier New", Courier, monospace | Este es texto normal. | Este es texto en negrita. |
El siguiente ejemplo muestra cómo establecer el font-establecer correctamente los atributos de la familia.
.sans-serif-font {
font-family: Arial, Helvetica, sans-serif;
}
.serif-font {
font-family: "Times New Roman", Times, serif;
}
.monospace-font {
font-family: "Courier New", Courier, monospace;
}Prueba para ver‹/›La siguiente tabla enumera algunas combinaciones de fuentes comunes organizadas por series comunes.
| Familia de fuentes | Normal | Negrita |
|---|---|---|
| Georgia, serif | Este es texto normal. | Este es texto en negrita. |
| "Times New Roman", Times, serif | Este es texto normal. | Este es texto en negrita. |
| "Palatino Linotype", Palatino, "Book Antiqua", serif | Este es texto normal. | Este es texto en negrita. |
| Familia de fuentes | Normal | Negrita |
|---|---|---|
| Arial, Helvetica, sans-serif | Este es texto normal. | Este es texto en negrita. |
| "Arial Black", Gadget, sans-serif | Este es texto normal. | Este es texto en negrita. |
| Impact, Charcoal, sans-serif | Este es texto normal. | Este es texto en negrita. |
| Tahoma, Geneva, sans-serif | Este es texto normal. | Este es texto en negrita. |
| "Trebuchet MS", Helvetica, sans-serif | Este es texto normal. | Este es texto en negrita. |
| Verdana, Geneva, sans-serif | Este es texto normal. | Este es texto en negrita. |
| Familia de fuentes | Normal | Negrita |
|---|---|---|
| Courier, monospace | Este es texto normal. | Este es texto en negrita. |
| "Courier New", Courier, monospace | Este es texto normal. | Este es texto en negrita. |
| "Lucida Console", Monaco, monospace | Este es texto normal. | Este es texto en negrita. |
| Familia de fuentes | Normal | Negrita |
|---|---|---|
| "Comic Sans MS", cursive | Este es texto normal. | Este es texto en negrita. |
| "Courier New", Courier, monospace | Este es texto normal. | Este es texto en negrita. |
| "Lucida Console", Monaco, monospace | Este es texto normal. | Este es texto en negrita. |
No existe una fuente Fantasy con buena compatibilidad en navegadores y sistemas operativos.
Advertencia:Las fuentes (Verdana, Georgia, "Comic Sans MS", "Trebuchet MS", "Arial Black", Impact) son válidas en Windows y MacOS, pero no en Unix + No válido en X.