Hoe om die font op webbladsye te verander met behulp van CSS

Die FONT-element is in HTML 4 verval en is nie deel van die HTML5-spesifikasie nie. Dus, as jy die fonts op jou webblaaie wil verander, moet jy leer hoe om dit te doen met CSS (Cascading Style Sheets ).

Stappe om die font met CSS te verander

  1. Maak 'n webblad oop met behulp van 'n HTML-redakteur . Dit kan 'n nuwe of bestaande bladsy wees.
  2. Skryf 'n paar teks: Hierdie teks is in Arial
  3. Omring die teks met die SPAN-element: Hierdie teks is in Arial
  4. Voeg die kenmerkstyl = "" by die spanmerk: Hierdie teks is in Arial
  5. Binne die styl kenmerk, verander die font met behulp van die font-familie styl: Hierdie teks is in Arial

Wenke vir die verandering van die font met CSS

  1. Skei veelvoudige skrifkeuses met 'n komma (,). Byvoorbeeld,
    1. font-familie: Arial, Genève, Helvetica, sans-serif;
    2. Dit is beter om ten minste twee lettertipes in u fontstapel (die lys van lettertipes) te hê, sodat as die leser nie die eerste lettertipe het nie, kan dit die tweede gebruik.
  2. Altyd beëindig elke CSS-style met 'n semi-kolom (;). Dit is nie nodig as daar net een styl is nie, maar dit is 'n goeie gewoonte om in te gaan.
  3. Hierdie voorbeeld gebruik inline style, maar die beste tipe style word in eksterne style velle geplaas sodat jy meer as net een element kan beïnvloed. Jy kan 'n klas gebruik om die styl op blokke teks te stel. Byvoorbeeld:
    1. class = "arial"> Hierdie teks is in Arial
    2. Gebruik die CSS:
    3. .arial {font-family: Arial; }