Las Fuentes son uno de los elementos clave del dise o de p ginas web. El uso de las Fuentes correctas puede afectar la percepci n general del contenido y mejorar la experiencia del usuario. En este art culo, presentamos una lista de Fuentes est ndar con ejemplos perfectos para diferentes tipos de sitios web.
1. Arial: Arial es una de las Fuentes de dise o web m s populares y vers tiles. Es bien legible y tiene un aspecto simple y moderno. A continuaci n se muestra un ejemplo del uso de la fuente Arial:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
2. Times New Roman: Times New Roman es una fuente cl sica que es perfecta para sitios web serios y formales. Aqu hay un ejemplo del uso de la fuente Times New Roman:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
3. Verdana: Verdana es una fuente moderna y f cil de Leer, especialmente en tama os peque os. Es ideal para sitios web con mucho texto. Aqu hay un ejemplo del uso de la fuente Verdana:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Lista de Fuentes est ndar
- Sebeco, Georgia, Arial: Fuentes populares
- Courier New, Times New Roman, Verdana: Fuentes especiales famosas
- Trebuchet MS, Impact, Lucida Console: Fuentes inusuales y modernas
Lista de Fuentes est ndar
HTML proporciona una variedad de Fuentes que est n disponibles de forma predeterminada en todos los navegadores. A continuaci n se muestra una lista de Fuentes est ndar:
serif son Fuentes serif en los extremos de las letras. Ejemplos de Fuentes serif: Times New Roman, Georgia y Baskerville.
sans-serif son Fuentes sans serif en los extremos de las letras. Ejemplos de Fuentes sans-serif: Arial, Helvetica, y Verdana.
monospace son Fuentes en las que cada car cter ocupa el mismo ancho. Ejemplos de Fuentes monoespaciadas son Courier New, Monaco y Consolas.
cursive son Fuentes decorativas que imitan la escritura a mano. Ejemplos de Fuentes cursivas son: Brush Script MT, Corsiva, y Comic Sans MS.
fantasy son Fuentes creadas para efectos y decoraciones. Ejemplos de Fuentes fant sticas: Impact, Chiller, y Jokerman.
Cada una de estas Fuentes tiene sus propias ventajas y es adecuada para diferentes tipos de sitios web y dise os. La impresi n general de la p gina web y la legibilidad del texto dependen de la fuente seleccionada. Al dise ar una p gina web, es importante elegir Fuentes que est n en armon a y se ajusten al contexto del sitio web. Tenga en cuenta que no todas las Fuentes pueden estar disponibles en el dispositivo del usuario, por lo que se recomienda utilizar Fuentes alternativas y especificarlas en CSS.
Sebeco, Georgia, Arial: Fuentes populares
Sebeco (Segoe UI): esta fuente fue desarrollada por Microsoft y es excelente para su uso en productos digitales y sitios web. Tiene un dise o simple, moderno y elegante, lo que lo convierte en una de las Fuentes m s populares del mundo.
Georgia: creado exclusivamente para su uso en materiales impresos, la fuente Georgia es perfectamente legible en la pantalla. Tiene proporciones perfectamente equilibradas y una estructura agradable, por lo que a menudo se usa en textos para p ginas web y blogs.
Arial: desarrollado por Monotype Imaging, Arial es una de las Fuentes m s comunes en el mundo. Tiene una forma simple y sin complicaciones, por lo que es ideal para Leer en la pantalla. Arial se ve muy bien en tama os de fuente peque os y grandes, y se utiliza en una variedad de materiales digitales e impresos.
Courier New, Times New Roman, Verdana: Fuentes especiales famosas
Adem s de las Fuentes est ndar, que est n disponibles para los navegadores web por defecto, hay otras Fuentes conocidas que a menudo se utilizan para crear un estilo y efecto especial en el texto.
Courier New es una fuente monoespaciada que a menudo se usa para Mostrar c digo de programa o conjuntos de datos. Tiene espacios iguales entre caracteres, lo que lo hace muy conveniente para alinear y Leer texto en columnas. Ejemplo:
Ejemplo de texto en la fuente Courier New:
Times New Roman es una de las Fuentes m s populares y comunes para la tipograf a. A menudo se usa para imprimir libros, revistas y otros materiales impresos. Times New Roman tiene un aspecto cl sico y atractivo, se Lee perfectamente tanto en la pantalla como en el material impreso. Ejemplo:
Ejemplo de texto en fuente Times New Roman:
Aprender nuevos conocimientos y habilidades siempre es gratificante e interesante. Times New Roman hace que obtener informaci n sea un proceso conveniente y agradable.
Verdana es una fuente con un estilo sin bisel que se ve bien en la pantalla y es f cil de Leer en tama os peque os. Verdana tiene formas redondas y buena legibilidad incluso con una resoluci n de pantalla peque a. Es ideal para el uso de sitios web y aplicaciones web. Ejemplo:
Ejemplo de texto en la fuente Verdana:
Nuestra nueva tienda en l nea ofrece una amplia gama de productos. Verdana nos ayuda a hacer que la compra sea agradable y conveniente para usted.
Trebuchet MS, Impact, Lucida Console: Fuentes inusuales y modernas
En esta secci n, veremos algunas Fuentes inusuales y modernas que se pueden usar para crear un dise o de p gina web nico.
- Trebuchet MS: Trebuchet MS es una fuente sans-serif desarrollada por Microsoft. Tiene l neas claras y aspecto profesional. Trebuchet MS es adecuado para su uso en t tulos y Subt tulos, as como en el texto principal. Ejemplo:
Ejemplo de texto en la fuente Trebuchet MS.
- Impact: Impact es una fuente grotesca con letras en negrita y alargadas. Es perfecto para crear titulares y banners impresionantes. Ejemplo:
Ejemplo de texto en la fuente Impact.
- Lucida Console: Lucida Console es una fuente monoespaciada que se utiliza para Mostrar el c digo fuente y otros datos de texto. Tiene la misma distancia entre las letras, por lo que es f cil de Leer. Ejemplo: