Tecnología

Inicio

Tipos de fuentes que se pueden utilizar con HTML

Tipos de fuentes que se pueden utilizar con HTML


Selección de una fuente inteligente puede hacer su diseño web emocionante, pero utilizando una fuente impopular con HTML puede llevar a una página Web roto. El World Wide Web Consortium ha llegado a una solución mediante hojas de estilo en cascada. En la etiqueta HTML / CSS, especificar una fuente \ "familia \" para ser usado si su primera opción no está disponible. Esto permite a los diseñadores para especificar sus fuentes favoritas y aún así evitar páginas rotas. Las cinco familias de fuentes son serif, sans-serif, cursiva, fantasía y espacio sencillo.

serif Fuentes

Según el W3C, serif \ han "acabado de trazos, acampanados o se estrecha extremos, o r ... terminaciones serif reales. \" También pueden tener una amplia variación entre trazos gruesos y finos, y las cartas individuales pueden tener diferentes anchuras. Times New Roman y Georgia, por ejemplo, son dos fuentes serif muy comunes. Un ejemplo de un tipo de letra serif menos común es Warnock Pro. Puede utilizar Times New Roman y Georgia con confianza. También es posible utilizar Warnock Pro incorporando este código en su etiqueta de estilo:

font-family: \ "Warnock Pro \", serif
IR

Las fuentes serif también se describen como Mincho en japonés y en chino Sung.

Las fuentes sans serif

Sans serif literalmente significa \ El W3C define las fuentes sans-serif como tener \ "sin serif \". "Finales de accidente cerebrovascular que son llanura -. Sin ningún tipo de quema, accidente cerebrovascular cruz u otra ornamentación \" Al igual que las fuentes serif, sans serif pueden tener anchuras diferentes letras. sans-serif fuentes comunes incluyen Helvetica, Arial y Verdana. Gotham es un ejemplo menos común. Al igual que con las fuentes serif, puede utilizar sans serif comunes libremente. Para utilizar con seguridad Gotham para su sitio web, insertar lo siguiente en su etiqueta de estilo:

font-family: \ "Gotham \", sans-serif
IR

fuentes sans-serif también se describen como gótico en japonés y en chino Kai.

Fuentes de espacio sencillo

fuentes Monoespaciado se requiere, por definición, para tener el mismo ancho para cada letra o carácter. Courier y Courier New son los ejemplos más conocidos de fuentes de espacio sencillo. En general, las fuentes de espacio sencillo no son muy populares en el diseño web. Si va a utilizar aparte de Courier o Courier New nada, debe definir siempre una familia de fuentes de copia de seguridad. Por ejemplo, si su diseño incorpora Prestige como la fuente, el estilo de su etiqueta debe tener este aspecto:

font-family: \ "Prestige \", espacio sencillo
IR

fuentes de monoespaciado casi nunca se usan en árabe y otros scripts orientados cursiva.

Cursiva y Fantasía Fuentes

El W3C describe fuentes cursivas como tener \ "o bien unirse a golpes u otras características cursivas allá de las de tipos de letra cursiva. \" Letras cursivas por lo general se conectan entre sí, y \ "el resultado se parece más a la pluma manuscrita o la escritura del cepillo de trabajo letra impresa. \ "Algunos idiomas, como el árabe, utilizan fuentes cursivas principalmente, aunque son menos comunes en Inglés e inexistente en japonés y chino. fuentes de fantasía, por otro lado, son diseños decorativos que se basan en representaciones de caracteres. Cuando se utiliza un tipo de letra cursiva o de fantasía, siempre es una buena idea para proporcionar una familia de fuentes de copia de seguridad en su etiqueta del estilo. En el siguiente ejemplo se utiliza el tipo de letra cursiva Zapf-Chancery:

font-family: \ "Zapf-Chancery \", cursiva;