¿Cómo cambiar el tipo de letra en HTML?

Estilo de fuente css

Para personalizar por completo el aspecto de su sitio web, no puede olvidarse de la tipografía, es decir, de la forma de organizar y estilizar el texto. Dependiendo de su diseño, nicho de negocio y audiencia, puede querer cambiar el tipo de letra, el tamaño o el color de su fuente.

Por ejemplo, si prefieres el gris oscuro al negro en tu esquema de colores, entonces querrás cambiar el color de la fuente por defecto de tu texto. Si te dedicas a los medios de comunicación, puedes optar por una fuente sans serif, que se considera la tipografía más fácil de leer. Pero si estás en el campo creativo, entonces puedes optar por un tipo de letra decorativo como Morris Troy. Éstas son sólo algunas de las razones por las que puede querer estilizar el tipo de letra de su sitio web.

Para cambiar el tipo de letra en HTML, utiliza la propiedad CSS font-family. Ajústala al valor que desees y colócala dentro de un atributo de estilo. A continuación, añade este atributo de estilo a un elemento HTML, como un párrafo, un encabezado, un botón o una etiqueta span.

Antes podías utilizar simplemente la etiqueta font para cambiar el estilo del texto en HTML. Así que digamos que quieres cambiar tu fuente a Arial, tamaño 20px, y un bonito color naranja. Habrías escrito la siguiente línea de HTML:

Html font bold

Fonts play a very important role in making a website more user friendly and increasing content readability. Font face and color depends entirely on the computer and browser that is being used to view your page but you can use HTML <font> tag to add style, size, and color to the text on your website. You can use a <basefont> tag to set all of your text to the same size, face, and color.

The font tag is having three attributes called size, color, and face to customize your fonts. To change any of the font attributes at any time within your webpage, simply use the <font> tag. The text that follows will remain changed until you close with the </font> tag. You can change one or all of the font attributes within one <font> tag.

Note −The font and basefont tags are deprecated and it is supposed to be removed in a future version of HTML. So they should not be used rather, it's suggested to use CSS styles to manipulate your fonts. But still for learning purpose, this chapter will explain font and basefont tags in detail.

Html set font-family

Article Actions<font>Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.SummaryThe <font> HTML element defines the font size, color and face for its content.

This attribute contains a comma-separated list of one or more font names. The document text in the default style is rendered in the first font face that the client's browser supports. If no font listed is installed on the local system, the browser typically defaults to the proportional or fixed-width font for that system.

This attribute specifies the font size as either a numeric or relative value. Numeric values range from 1 to 7 with 1 being the smallest and 3 the default. It can be defined using a relative value, like +2 or -3, which set it relative to the value of the size attribute of the <basefont> element, or relative to 3, the default value, if none does exist.

Css font-size em

Today there really is only one way of specifying the font type, and that is STYLE="font-family:name", where the name of the font is written in single quotes, i.e. 'Times New Roman' and 'Arial'. In older litterature you can encounter the tag <FONT>, and it will probably work for som browsers, as long as you program according to HTML 4, but it isn't a viable solution for a modern web site.

Most browsers use Times New Roman as default for text, and it is a good font for many things. This web site uses Times New Roman for headlines bur Arial for the main text, as it is better for reading on computer screens. The style font-family can be applied on all tags for text, i.e. besides the common text section like <DIV> and <SPAN>, it can also be used for tage like table rows and table cells, <TR> and <TD>. For a <SPAN> where we want to change from our standard Arial to Times New Roman, the code looks like this:

For a web site, it is always a good idea to have specified a standard font type for the pages to use, unless something else has been specified. The quickest and easiest way of doing this, is by specifying the font type in the BODY tag. If you want to be a bit practical about it, you specify it in your CSS file.