Com canviar la font a pàgines web mitjançant CSS

L'element FONT va quedar obsolet en HTML 4 i no forma part de l'especificació HTML5. Per tant, si voleu canviar els tipus de lletra a les vostres pàgines web, heu d'aprendre a fer-ho amb CSS (fulls d'estil en cascada ).

Passos per canviar la font amb CSS

  1. Obriu una pàgina web mitjançant un editor HTML de text. Pot ser una pàgina nova o existent.
  2. Escriure un text: aquest text es troba a Arial
  3. Ronda el text amb l'element SPAN: aquest text es troba a Arial
  4. Afegiu l'atribut style = "" a l'etiqueta span: aquest text està a Arial
  5. Dins l'atribut d'estil, canvieu la font usant l'estil font-family: aquest text es troba a Arial

Consells per canviar la font amb CSS

  1. Separeu les opcions de fonts múltiples amb una coma (,). Per exemple,
    1. font-family: Arial, Ginebra, Helvetica, sans-serif;
    2. El millor és que sempre tingueu almenys dos tipus de lletra al vostre tipus de lletra (la llista de tipus de lletra), de manera que si el navegador no té el primer tipus de lletra, podeu utilitzar el segon.
  2. Acaba sempre cada estils CSS amb un punt i coma (;). No és obligatori quan només hi ha un estil, però és un bon hàbit d'entrar.
  3. Aquest exemple utilitza estils en línia, però el millor tipus d'estils es col·loquen en fulls d'estils externs, de manera que pot afectar més que l'únic element. Podeu utilitzar una classe per establir l'estil en blocs de text. Per exemple:
    1. class = "arial"> Aquest text es troba a Arial
    2. Ús de CSS:
    3. .arial {font-family: Arial; }