Kas ir fona stack?

Kamēr attēli saņem lielu daļu no mīlestības, kad tie nāk uz tīmekļa vietnēm, tas ir rakstisks vārds, kas piesaista meklētājprogrammām un veic vairāku vietņu saturu. Tāpēc tipogrāfiskais dizains ir ļoti svarīga vietņu dizaina sastāvdaļa. Tā kā vietnes teksts ir svarīgs, ir jānodrošina, ka tas izskatās labi un ir viegli lasāms. Tas tiek darīts ar CSS stilu (Cascading Style Sheets) stilu.

Pēc mūsdienu web dizaina standarta, kad vēlaties domāt mājas lapas teksta satura izskatu, jūs to darīsiet, izmantojot CSS. Tas atdala šo CSS stilu no lapas HTML struktūras. Kā piemēru, ja jūs vēlaties iestatīt lapas fontu uz "Arial", jūs varat to izdarīt, pievienojot CSS stilam šādu noteikumu (piezīme - tas, visticamāk, tiks darīts ārējā CSS stila lapā, kas piešķir stilu par katru tīmekļa vietnes lapu):

iestāde {font-family: Arial; }

Šis fonts ir iestatīts uz "ķermeņa", tāpēc CSS kaskāde pielietos stilu visiem pārējiem lapas elementiem. Tas ir tāpēc, ka katrs cits HTML elements ir "ķermeņa" elementa bērns, CSS stili, piemēram, fontu saime vai krāsa, kaskādi no vecākiem līdz bērna elementam. Tas būs gadījumā, ja konkrētiem elementiem nav pievienots specifiskāks stils. Vienīgā problēma ar šo CSS ir tāda, ka ir norādīts tikai viens fonts. Ja šo fontu kāda iemesla dēļ nevar atrast, pārlūks to aizvieto ar citu. Tas ir slikti, jo jūs nekontrolēat, kāds fonts tiek izmantots - pārlūkprogramma izvēlēsies jums, un jums var nepatīk, ko tā nolēma izmantot! Tas ir, ja nāk fontu kaudze.

Fonta kaudze ir fontu saraksts CSS fontu saimes deklarācijā. Fonti tiek uzskaitīti prioritāšu secībā, ja jūs vēlaties, lai tie tiktu parādīti vietnē, ja rodas problēma, piemēram, fonts netiek ielādēts. Fontu kaudze ļauj dizaineram kontrolēt fontu izskatu mājas lapā, pat ja datoram nav sākotnējā fonta, kuru jūs pieprasījāt.

Tātad, kā izskatās fontu kaudze? Šeit ir piemērs:

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

Šeit ir dažas lietas, kas jāņem vērā.

Pirmkārt, jūs redzēsiet, ka mēs atdalījām dažādus fontu nosaukumus ar komatu. starp katru vienu Jūs varat pievienot tik daudz fontu, cik vēlaties, ja vien tie ir atdalīti ar komatu. Pārlūks mēģinās ielādēt pirmo pirmo norādīto fontu. Ja tas neizdodas, tā palaiž līniju, mēģinot katru fontu, līdz tā atrod to, ko var izmantot. Šajā piemērā mēs izmantojam tīmekļa drošos fontus, un "Džordžija", visticamāk, tiks atrasta personas datorā, kurš apmeklē vietni (piezīme - pārlūkā jūsu datorā tiek skatīti fonti, kas norādīti lapā, tādēļ vietne patiešām stāsta dators, kuru fonti ielādē no jūsu sistēmas). Ja kāda iemesla dēļ šis fonts netika atrasts, tas virzītu uz leju un mēģinātu norādīt nākamo fontu.

Runājot par nākamo fontu, pamanīsiet, kā tas ir rakstīts kaudzē. "Times New Roman" nosaukums ir ietverts dubultās pēdiņas. Tas ir tāpēc, ka fonta nosaukumam ir vairāki vārdi. Jebkuram fontu nosaukumiem ar vairāk nekā vienu vārdu (Trebuchet MS, Courier New utt.) Nosaukumam jābūt divkāršās pēdiņas veidā, lai pārlūkprogramma zinātu, ka visi šie vārdi ir daļa no viena fonta nosaukuma.

Visbeidzot, mēs pārtraucam fontu veidni ar "serif", kas ir vispārēja fontu klasifikācija. Maz ticams gadījums, ka neviens no fontiem, ko esat norādījis savā kaudzē, ir pieejams, pārlūkprogramma tā vietā vienkārši atradīs fontu, kas atbilst vismaz tai atbilstošai klasifikācijai, kuru esat izvēlējies. Piemēram, ja jūs izmantojat sans-serif fontus, piemēram, Arial un Verdana, nekā beigt fontu kaudzīti ar "sans-serif" klasifikāciju, vismaz saglabājot fontu šai kopējai ģimenei, ja ir problēmas ar slodzi. Protams, būtu ļoti reti, ja pārlūkprogramma nevar atrast nevienu no fontiem, kas ir uzskaitīti kaudzē, un tā vietā ir jāizmanto šī vispārīgā klasifikācija, vislabāk ir to iekļaut tikai dubultā drošībā.

Fontu steki un tīmekļa fonti

Mūsdienās daudzās vietnēs tiek izmantoti tīmekļa fonti, kas tiek vai nu iekļauti vietnē kopā ar citiem resursiem (piemēram, vietnes attēliem, Javascript failam utt.), Vai arī ir saistīti ar ārēju fontu atrašanās vietu, piemēram, Google fonti vai Typekit. Kamēr šie fonti ir jāielādē, jo jūs piesaistiet tos pašiem, jūs joprojām vēlaties izmantot fontu steku, lai pārliecinātos, ka jums ir kāda kontrole pār iespējamiem jautājumiem. Tas pats attiecas uz "drošiem" fontiem, kas vajadzētu būt kāda datorā (ņemiet vērā, ka šajā rakstā izmantotie fonti, kurus mēs izmantojām kā piemērus, tostarp Arial, Verdana, Gruzija un Times New Roman, ir visi tīmekļa droši fonti, kas būtu jāizmanto uz personas datora). Kaut arī fonta trūkstošās iespējas iespējamība ir ļoti zema, norādot fontu kaudzīti, iespējams, tiks maksimāli izturēts vietnes tipogrāfiskais dizains .

Jennifera Krīnina oriģinālais raksts. Rediģējis Jeremijs Girards, kas datēts ar 8/9/17