Com Es Configura El Tipus De Lletra En Html

Taula de continguts:

Com Es Configura El Tipus De Lletra En Html
Com Es Configura El Tipus De Lletra En Html

Vídeo: Com Es Configura El Tipus De Lletra En Html

Vídeo: Com Es Configura El Tipus De Lletra En Html
Vídeo: Color, Tamaño y Tipos de letra en HTML 2024, Maig
Anonim

El tipus de lletra és una part integral del disseny web, donant al lloc un estil distintiu. El text d'alta qualitat de la pàgina ha de tenir un aspecte harmoniós, s'ha de combinar amb la resta d'elements del lloc i, al mateix temps, contribuir a una millor percepció de la informació. Mitjançant el marcador HTML i les taules en cascada CSS, podeu personalitzar gairebé qualsevol paràmetre per maximitzar el rendiment de la pàgina.

Com es configura el tipus de lletra en html
Com es configura el tipus de lletra en html

Necessari

fitxer de tipus de lletra en format TTF

Instruccions

Pas 1

Per utilitzar un conjunt de tipus de lletra instal·lats a l'ordinador, podeu utilitzar el paràmetre de la família de tipus de lletra dels fulls d'estil en cascada. Per fer-ho, introduïu el codi següent per a l'element desitjat:

Text

Aquesta ordre mostrarà l'encapçalament de segon nivell h2 a la tipografia Arial.

Pas 2

Si voleu utilitzar el vostre propi tipus de lletra, primer heu de penjar-lo a l’allotjament i habilitar-lo mitjançant l’ordre adequat. Els fitxers TTF s’inclouen amb l’ordre següent:

L'atribut font-family en aquest cas especifica el nom de la tipografia i src: url (font.ttf) especifica el camí al fitxer TTF.

Pas 3

Després d'activar l'element, podeu utilitzar-lo per mostrar text:

Text

Aquesta ordre s'encarrega de mostrar el tipus de lletra requerit en cursiva a l'encapçalament del segon nivell. Si el navegador de l'usuari no admet la manipulació de fitxers TTF, s'utilitzarà el tipus de lletra del sistema especificat després de la primera coma (en aquest cas, Verdana).

Pas 4

Alguns navegadors no admeten TTF que es pot descarregar. Per exemple, Internet Explorer 8 utilitza el format EOT per mostrar text. Per a aquests navegadors, convertiu el TTF original mitjançant diversos serveis i incloeu la tipografia resultant al paràmetre @ font-face de la mateixa manera.

Pas 5

Si voleu importar el fitxer que necessiteu d’un altre recurs, utilitzeu l’ordre @import, que s’ha d’escriure a la part superior del document CSS:

@ import url (https:// font_address)

Recomanat: