Tekstu veidošana ir būtiska katras tīmekļa lietojumprogrammas sastāvdaļa. Pareizās fonta izvēle ietekmē ne tikai lasāmību, bet arī kopējo izskatu tavā vietnē. Fontu ģimenes šajā procesā spēlē izšķirošu lomu, jo tās nodrošina, ka tava vietne konsistenti tiek attēlota arī dažādās ierīcēs un sistēmās. Šajā ceļvedī es parādīšu, kā tu vari definēt efektīvas fontu ģimenes un efektīvi kombinēt dažādus fontus.
Galvenie secinājumi
Pastāv neskaitāmas fonts, bet fontu ģimeņu definēšana ir svarīga, lai nodrošinātu konsekventus rezultātus dažādās ierīcēs. Tu uzzināsi, kā izmantot CSS īpašību font-family, norādīt vairākus fontus un definēt rezerves iespējas, lai nodrošinātu, ka tavi teksti vienmēr izskatās pievilcīgi.
Solī pa solim ceļvedis
Vispirms ir svarīgi saprast fontu ģimeņu pamatus. Fontus var iedalīt divās galvenajās kategorijās: serif (ar maziem ornamentiem) un sans-serif (bez ornamentiem). Serif fontiem ir nelieli rotājumi burbu galu galos, savukārt sans-serif fontiem šādu rotājumu nav.
Lai definētu fontu ģimeni CSS, jāizmanto font-family īpašība. Sāc ar fonta noteikšanu virsrakstam. Bieži ieteikts fonts virsrakstiem ir serif fonts. Mūsu piemērā mēs izvēlēsim fontu Droid Serif.
Šajā gadījumā tu norādi vairākus fontus. Vispirms tiks izmantots fonta nosaukums, kas sarakstā parādās pirmais. Ja tas nav pieejams, tiks izmantots nākamais fonts, līdz tiks atrasts pieejams fonts.
Plūsmas tekstiem es bieži iesaku sans-serif fontu, piemēram, Droid Sans. Šie fonti parasti ir skaidrāki un vieglāk lasāmi.
Ir svarīgi, ka fontiem, kas satur vairākus vārdus, jābūt ievietotiem pēdiņās. Tas ir nepieciešams, lai novērstu pārpratumus attiecībā uz fontiem.
Pēc tam, kad esi definējis fontus, vari apskatīt rezultātu savā pārlūkā. Parasti tev ir iespēja pārbaudīt, kuri fonti tika izmantoti, lai redzētu, vai viss ir darbojas pareizi.
Ja tu konstatē, ka vēlamais fonts nav ielādējies, vari izmantot Google Fonts. Google Fonts piedāvā plašu fontu klāstu, ko tu vari viegli integrēt savā vietnē. Tu vari lejupielādēt nepieciešamo fontu tieši no Google Fonts vietnes un iekļaut to kā CSS saiti savā HTML dokumentā.
Šeit ir vienkāršs piemērs, kā to izdarīt. Apmeklē Google Fonts vietni, izvēlies fontu un noklikšķini uz saites pogas, lai iegūtu iebūvēšanas kodu.
Tagad tu vari tieši izmantot savus fontus no Google. Tas nodrošina piekļuvi daudziem skaistiem fontiem, kas ne vienmēr ir uz lietotāja ierīces instalēti.
Šī pieeja ir laba, jo Google Fonts var arī kešot fontus, tādējādi tie ātrāk ielādēsies atkārtotu vietnes apmeklējumu laikā. Izmanto to, lai uzlabotu lietotāju pieredzi.
Vēl viens aspekts, kas saistīts ar fontu ģimenēm, ir rezerves iespējas. Tu vari norādīt vairākas alternatīvas, ko pārlūkprogramma var izmantot, ja iecienītais fonts nav pieejams. Tas aizsargā tavu vietni no attēlošanas problēmām.
Pārliecinies, ka izvēlies savas rezerves fontus rūpīgi, lai nodrošinātu konsekventu vai līdzīgu izskatu. Tu vari izmantot, piemēram, serif fontu kā rezerves fontus, piemēram, Georgia vai Times New Roman.
Kā jau jebkurā dizainā, ir lietderīgi ekspermentēt. Izmēģini dažādas kombinācijas, lai redzētu, kuri fonti vislabāk sadarbojas un rada vēlamo vizuālo iespaidu.
Kopsavilkums – Fontu ģimeņu pamati HTML, CSS un JavaScript
Fontu ģimeņu definēšana ir izšķirošs solis tavas vietnes veidošanā. Izmantojot CSS font-family un iekļaujot fontus caur Google Fonts, tu vari pārliecināties, ka tavi teksti ir pievilcīgi un lasāmi dažādās ierīcēs. Izmēģini dažādus fontus un rezerves iespējas, lai atrastu labāko kombināciju savai lietotnei.
Bieži uzdotie jautājumi
Kā es varu definēt fontu ģimeni CSS?Izmanto font-family īpašību, sekojoši izvēlētajam fontam un opcijām rezerves fontiem.
Vai es varu izmantot fontus no Google Fonts?Jā, tu vari iekļaut fontus no Google Fonts, izmantojot nodrošināto saiti savā HTML failā.
Kas ir rezerves fonti?Rezerves fonti ir alternatīvi fonti, kurus pārlūkprogramma var izmantot, ja iecienītais fonts nav pieejams.
Kāpēc apvīkojum piemērots fontiem ir nepieciešams?Apvīkojum ir nepieciešams, ja fontam ir vairāki vārdi, lai izvairītos no pārpratumiem.
Kuri fonti ir piemēroti plūsmas tekstiem?Plūsmas tekstiem bieži ir piemēroti sans-serif fonti kā Arial vai Helvetica, jo tie parasti ir skaidrāki un vieglāk lasāmi.
