Vietnes dizainā svarīga loma ir tipogrāfiskajam dizainam. Labi izkārtots un formatēts teksta saturs vietnei palīdz būt veiksmīgākam, radot patīkamu un viegli lietojamu lasīšanas pieredzi. Daļa no jūsu centieniem strādāt ar tipu būs izvēlēties pareizos fontus savam dizainam un pēc tam izmantot CSS, lai pievienotu šos fontus un fontu stilus lapas displejā. Tas tiek darīts, izmantojot tā saukto a fontu kaudze.
Fontu kaudzes
Kad jūs norādiet fontu lai izmantotu tīmekļa vietnē, ieteicams izmantot arī rezerves opcijas, ja fonta izvēli nevar atrast. Šīs rezerves iespējas ir norādītas fontu kaudze. Ja pārlūks nevar atrast pirmo fonā uzskaitīto fontu, tas pāriet uz nākamo. Tas turpina šo procesu, līdz atrod fontu, ko var izmantot, vai arī beidzas izvēles iespējas (tādā gadījumā tā vienkārši izvēlas jebkuru vēlamo sistēmas fontu). Šeit ir piemērs tam, kā fontu kaudze izskatītos CSS, lietojot elementam "body":
ķermenis {
fontu saime: Džordžija, "Times New Roman", serifs;
}
Fonts Džordžija parādās vispirms, tāpēc pēc noklusējuma šī lapa tiks izmantota, taču, ja šis fonts kāda iemesla dēļ nav pieejams, lapa tiek atgriezta Times New Roman.
Pielikt Times New Roman divkāršās pēdiņās, jo tas ir vairāku vārdu nosaukums. Viena vārda fontu nosaukumiem, piemēram, Džordžijā vai Arial, pēdiņas nav nepieciešamas, taču tie ir vajadzīgi vairāku vārdu fontu nosaukumam ar iegultām atstarpēm, lai pārlūkprogramma zinātu, ka visi šie vārdi sastāv no fonta nosaukuma.
Fontu kaudze beidzas ar vārdu serif. Tas ir vispārējs fontu un ģimenes nosaukums. Maz ticams gadījums, kad personai nav Gruzijas vai Times New Roman viņu datorā vietne izmantotu jebkuru serif fontu, ko tā varētu atrast. Pārlūkprogramma jums izvēlēsies fontu, bet vismaz jūs piedāvājat norādījumus, lai tā zinātu, kāds fonts dizainā vislabāk darbotos.
Vispārīgas fontu ģimenes
CSS pieejamais vispārīgais fonta nosaukums ir:
- kursīvs
- fantāzija
- monospace
- serif
- sans serif
Lai gan tīmekļa dizainā un tipogrāfijā ir pieejamas daudzas citas fontu klasifikācijas, tostarp plāksne-serif, blackletter, display, grunge un vēl vairāk, šie pieci vispārīgie fontu nosaukumi ir tie, kurus izmantosit fontu kaudzē CSS.
- Kursīvie fonti - bieži vien ir plānas, grezni veidlapas, kas paredzētas, lai atkārtotu iedomātu ar roku rakstītu tekstu. Šie fonti to plāno, puķaino burtu dēļ nav piemēroti lielam satura blokam, piemēram, ķermeņa kopijai. Kurzīvos fontus parasti izmanto virsrakstiem un īsākām teksta vajadzībām, kuras var parādīt lielākos fontu izmēros.
- Fantāzijas fonti - ir nedaudz trakie fonti, kas patiesībā neietilpst nevienā citā kategorijā. Fonti, kas atkārto labi zināmus logotipus, piemēram, burtu formas no Harijs Poters vai Atpakaļ uz nākotni filmas, ietilpst šajā kategorijā. Šie fonti nav piemēroti ķermeņa saturam, jo tie bieži ir tik stilizēti, ka šajos fontos rakstītu garāku tekstu fragmentu lasīšana ir pārāk grūti izdarāma.
- Monospace fonti - izmantojiet vienāda lieluma un izvietotas burtu veidlapas, kādas būtu atradušas vecā rakstāmmašīnā. Atšķirībā no citiem fontiem, kuru burtiem ir maināms platums atkarībā no to lieluma (piemēram, lielais burts) W aizņem daudz vairāk vietas nekā mazie burti i), monospace fontos visām rakstzīmēm tiek izmantots fiksēts platums. Šos fontus bieži izmanto kodu nolasīšanai, jo tie izskatās skaidri atšķirīgi no cita teksta šajā lapā.
- Serif fonti - uz veidlapām izmantojiet maz papildu ligatūru. Tie papildu gabali tiek saukti serifi. Visizplatītākie seriffonti ir Georgia un Times New Roman. Serif fonti lieliski darbojas lielam tekstam, piemēram, virsrakstam, kā arī garām teksta daļām un ķermeņa kopijām.
- Sans seriffontus - nav ligatūru. Nosaukums nozīmē bez serifiem. Šajā kategorijā populāri fonti ir Arial vai Helvetica. Līdzīgi serifiem, sans-serif fonti darbojas vienlīdz labi gan virsrakstos, gan arī ķermeņa saturā, kaut arī daži eksperti dod priekšroku tam, ka lielos teksta blokos izvairās no sans-serif fontiem, jo tos ir grūtāk lasīt mazos punktos izmēri.