Vienkāršas veidošanas opcijas ļauj mainīt tīmekļa lapas fontu (vai tipu), izmantojot CSS (Cascading Style Sheets). Jūs varat iestatīt atsevišķu vārdu fontu, īpašus teikumus, virsrakstus, veselus rindkopus un pat visas teksta lapas.
Kā mainīt fontu ar CSS
Jūs varat veikt HTML un CSS izmaiņas, kas izskaidrotas tālāk, izmantojot jebkuru HTML redaktoru vai teksta redaktoru. Jūs varat vai nu nokopēt tekstu no lapas un ielīmēt to redaktorā, lai veiktu izmaiņas tur, vai arī atvērtu visu tīmekļa lapu redaktorā un rediģētu tieši.
-
Atrodiet tekstu, kurā vēlaties mainīt fontu. Mēs to izmantosim kā piemēru:
Šis teksts ir Arial
-
Aptveriet tekstu ar SPAN elementu:
Šis teksts ir Arial
-
Pievienojiet atribūtu stils = "" uz span tagu:
Šis teksts ir Arial
-
Veidojot stila atribūtu, nomainiet fontu, izmantojot font-family stils.
Šis teksts ir Arial
-
Saglabājiet izmaiņas, lai redzētu sekas.
Padomi CSS lietošanai, lai mainītu fontu
-
Vislabākā pieeja ir tas, ka jūsu fontu krātuvē (fontu sarakstā) vienmēr ir vismaz divi fonti, tādēļ, ja pārlūkprogrammai nav pirmā fonta, tā vietā var izmantot otro fontu.
Atdaliet vairāku fontu izvēli ar komatu, piemēram, šo:
font-family: Arial, Geneva, Helvetica, sans-serif;
-
Iepriekš izskaidrotais piemērs izmanto inline stilu, bet labākais stils izmanto ārējo stilu lapu, lai jūs varētu ietekmēt vairāk nekā tikai vienu elementu. Jūs varat izmantot klasi, lai iestatītu stilu teksta blokos.
Šis teksts ir Arial
Šajā piemērā CSS fails, lai izveidotu iepriekš minēto HTML, parādās šādi:
.arial {font-family: Arial; }
-
Vienmēr pabeidziet CSS stilus ar semikolu (;). Tas nav nepieciešams, ja ir tikai viens stils, bet tas ir labs ieradums sākt.
