Kā mainīt fontu tīmekļa lapās, izmantojot CSS

FONT elements tika novecojis HTML 4 formātā un nav HTML5 specifikācijas daļa. Tātad, ja vēlaties mainīt fontus savā tīmekļa lapās, jums vajadzētu uzzināt, kā to izdarīt, izmantojot CSS (Cascading Style Sheets ).

Fonta maiņas soļi ar CSS

  1. Atveriet Web lapu, izmantojot teksta HTML redaktoru . Tā var būt jauna vai esoša lapa.
  2. Uzrakstiet tekstu: Šis teksts ir Arial
  3. Aptveriet tekstu ar SPAN elementu: šis teksts ir Arial
  4. Pievienot atribūta stila = "" uz span tagu: Šis teksts ir Arial
  5. Stila atribūta ietvaros mainiet fontu, izmantojot fonta tipa stili: Šis teksts ir Arial

Padomi, kā mainīt fontu ar CSS

  1. Atdaliet vairāku fontu izvēli ar komatu (,). Piemēram,
    1. font-family: Arial, Geneva, Helvetica, sans-serif;
    2. Vislabāk vienmēr ir vismaz divi fonti fontu krātuvē (fontu sarakstā), tādēļ, ja pārlūkprogrammai nav pirmā fonta, tā var izmantot otro fontu.
  2. Vienmēr noslēdziet katru CSS stilu ar puskolonnu (;). Tas nav vajadzīgs, ja ir tikai viens stils, bet tas ir labs ieradums iekļūt.
  3. Šajā piemērā tiek izmantoti inline stili, bet labākie stila veidi tiek ievietoti ārējo stilu lapās, lai jūs varētu ietekmēt ne tikai vienu elementu. Jūs varat izmantot klasi, lai iestatītu stilu teksta blokos. Piemēram:
    1. class = "arial"> Šis teksts ir Arial
    2. CSS izmantošana:
    3. .arial {font-family: Arial; }