Kādas ir vispārējās fontu saimes CSS?

Vispārējā fontu klasifikācija, kas pieejama jūsu vietnei

Veidojot vietni, viens no galvenajiem lapas elementiem, ar kuru jūs strādāsit, ir teksta saturs. Tādējādi, veidojot tīmekļa lapu un veidojot to ar CSS, liela daļa no šiem centieniem tiks centrēti ap vietnes tipogrāfiju.

Tipogrāfiskajam dizainam ir svarīga loma mājas lapas dizains. Izklāsts un formatēts teksta saturs palīdz vietnei kļūt veiksmīgākam, izveidojot lasīšanas pieredzi, kas ir gan patīkama un viegli lietojama. Daļa no jūsu centieniem strādāt ar veidu būs izvēlēties pareizos fontus jūsu dizainam un pēc tam izmantot CSS, lai šos fontus un fontu stilus pievienotu lapas attēlam. Tas tiek darīts, izmantojot to, ko sauc par " font-steak "

Fonta steiks

Ja norādāt fontu , ko izmantot tīmekļa lapā, labākā prakse ir arī rezerves iespējas, ja nevarat atrast fontu izvēli. Šīs rezerves iespējas ir norādītas "fontu kaudzē." Ja pārlūkprogramma nevar atrast pirmo štatā uzskaitīto fontu, tas pāriet uz nākamo. Tas turpina šo procesu, līdz tiek atrasts fonts, ko tas var izmantot, vai tam nav izvēles iespēju (tādā gadījumā tas vienkārši izvēlas jebkuru sistēmas fontu, kuru tā vēlas). Šeit ir piemērs tam, kā fontu kaudze izskatās pēc CSS, kad to lieto elementam "ķermenis":

iestāde {font-family: Gruzija, Times New Roman ", serif; }

Ievērojiet, ka vispirms mēs norādām fontu Gruzija. Pēc noklusējuma šī lapa tiek izmantota, bet, ja šis fonts kāda iemesla dēļ nav pieejams, lapa atgriezīsies Times New Roman. Šo fonta nosaukumu pievienojam divkāršās pēdiņas, jo tas ir vairāku vārdu vārds. Atsevišķu vārdu fontu nosaukumi, piemēram, Gruzija vai Arial, neprasa cenas, bet daudzu vārdu fontu nosaukumi ir nepieciešami, lai pārlūkprogramma zinātu, ka visi šie vārdi veido fonta nosaukumu.

Ja paskatās fontu kaudzes beigās, jums vajadzētu pamanīt, ka mēs beidzam ar vārdu "serifs". Tas ir vispārējs fontu saimes nosaukums. Maz ticamajā gadījumā, ja personai nav sava datora Gruzijas vai Times New Roman, vietne izmantotu jebkuru serifu fontu, kuru tā varētu atrast. Tas ir vēlams, lai ļautu vietnei atteikties no jebkādiem fontiem, ko tā vēlas, jo jūs varat vismaz pateikt, kāda veida fontu izmantot, lai vietnes dizaina kopējais izskats un tonis būtu pēc iespējas neskarta. Jā, pārlūks jums izvēlēsies fontu, taču vismaz jūs sniegsiet norādījumus, lai tā zinātu, kāda veida fonts vislabāk būtu projektēšanas ietvaros.

Generic fontu saimes

Vispārīgais fonta nosaukums, kas pieejams CSS, ir:

Lai gan ir daudz citu fontu klasifikācijas, kas pieejamas tīmekļa dizaina un tipogrāfijas jomā, tostarp plākšņu serif, blackletter, displejs, grunge un daudz ko citu, šie 5 iepriekš minētie vispārējie fontu nosaukumi ir tie, kurus jūs izmantojat CSS font-stack. Kādas ir šo fontu klasifikāciju atšķirības? Apskatīsim!

Kursīvu fontiem bieži ir plānas, greznas veidlapas, kas paredzētas, lai atkārtotu fantāzijas rokraksta tekstu. Šie fonti to plāno, puķaino burtu dēļ nav piemēroti lielam satura blokam, piemēram, ķermeņa kopijai. Parasti fontus parasti izmanto virsrakstiem un īsākas teksta vajadzības, kuras var parādīt lielākos fontu izmēros.

Fantāzijas fonti ir nedaudz traki fonti, kas patiešām neietilpst nevienā citā kategorijā. Šajā kategorijā ietilpst fonti, kas atkārtojuši labi pazīstamos logotipus, piemēram, burtu formas no Harija Potera vai "Atpakaļ uz nākotni". Vēlreiz šie fonti nav piemēroti ķermeņa saturam, jo ​​tie bieži ir tik stilizēti, ka lasīt garākus teksta fragmentus, kas rakstīti šajos fontos, ir pārāk grūti izdarīt.

Monospace fonti ir tie, kur visas burtu formas ir vienādi lieluma un izkārtojumu, kā jūs būtu atraduši vecā rakstāmmašīna. Atšķirībā no citiem fontiem, kuriem burtu mainīgais platums ir atkarīgs no to lieluma (piemēram, kapitāla "W" aizņem daudz vairāk vietas nekā mazais "i"), monospace fonti ir fiksētais platums visām rakstzīmēm. Šos fontus bieži lieto, kad kods tiek parādīts lapā, jo tie izskatās izteikti atšķirīgi no citiem šajā lapā esošajiem tekstiem.

Serif fonti ir viena no populārākajām klasifikācijām. Tie ir fonti, kuriem burtu formās ir nedaudz papildu ligatūras. Šos papildu gabalus sauc par "serifiem". Kopējie serif fonti ir Gruzija un Times New Roman. Serifa fontus var izmantot lieliem tekstiem, piemēram, virsrakstam, kā arī teksta un ķermeņa kopijas garajām fragmentiem.

Sans-serif ir galīgā klasifikācija, uz kuru mēs skatīsimies. Tie ir fonti, kuriem nav iepriekš minēto ligatūru. Nosaukums nozīmē "bez serifām". Populārie fonti šajā kategorijā būtu Arial vai Helvetica. Līdzīgi serifiem, sans-serif fontus var izmantot vienlīdz labi pozīcijās, kā arī ķermeņa saturu.

Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards 16/16/17