Skip to main content

Kaj je "Font Font" in kako se uporabljajo?

Anonim

Medtem ko slike dobijo veliko ljubezni, ko gre za spletne strani, je pisna beseda, ki poziva na iskalnike in prinaša vsebino večine spletnih mest. Kot taka je tipografsko oblikovanje ključno pomemben del zasnove spletne strani. Zaradi pomena besedila spletnega mesta je treba zagotoviti, da izgleda dobro in je enostavno brati. To naredite s stilom CSS (Cascading Style Sheets).

V skladu s sodobnim standardom spletnega oblikovanja, ko želite narekovati videz spletne vsebine, boste to storili z uporabo CSS-ja. Ta slog CSS ločuje od strukture HTML strani. Na primer, če želite, da se pisava strani nastavi na »Arial«, lahko to naredite tako, da v svoj CSS dodate naslednje pravilo sloga (to bi verjetno potekalo v zunanjem slogovnem listu CSS, ki daje sloge vsakemu stran na spletni strani):

telo {

font-family: Arial;

}

Ta pisava je nastavljena za "telo", zato bo kaskad CSS uporabil slog za vse ostale elemente strani. To je zato, ker je vsak drugi element HTML otrok elementa "telo", slogi CSS, kot so družina pisav ali barva, bodo kaskadirali od staršev do otrokovega elementa. To velja, če za določene elemente ni dodan bolj specifičen slog. Edina težava s tem CSS je, da je podana samo ena pisava. Če ta fonta iz nekega razloga ni mogoče najti, bo brskalnik nadomestil drugo na svojem mestu. To je slabo, ker nimate nadzora nad tem, katero pisavo uporabljate; brskalnik se bo odločil za vas in vam morda ne bo všeč, kar se je odločil za uporabo! Tukaj pride v stack font.

Št. Pisave je seznam pisav v deklaraciji družine CSS-family. Pisave so naštete po vrstnem redu, ki bi jih želeli prikazati na spletnem mestu v primeru težav, kot je pisava, ki ni naložena. Stek pisave omogoča oblikovalcu, da nadzoruje videz pisav na spletni strani, tudi če računalnik nima začetne pisave, ki ste jo poklicali.

Torej, kako izgleda izgled palice? Tukaj je primer:

telo {

font-family: Georgia, "Times New Roman", serif;

}

Obstaja nekaj stvari, ki jih je treba opaziti tukaj.

Najprej boste videli, da smo ločili različna imena pisem z vejico med njimi. Dodate lahko toliko črk, kot jih želite, dokler jih ločijo z vejico. Brskalnik bo poskusil naložiti najprej navedeno prvo pisavo. Če to ne uspe, se bo zmanjkalo linije, ki bo preskusila vsako pisavo, dokler ne najde enega, ki ga lahko uporabi. V tem primeru uporabljamo spletne varne pisave, zato bo verjetno najdeno "Georgia" na računalniku osebe, ki obišče spletno stran (brskalnik pogleda na vaš računalnik za pisave, določene na strani, zato spletno mesto dejansko pripoveduje računalnik, ki naloži pisave iz vašega sistema). Če iz nekega razloga ta pisava ni bila najdena, bi se pomaknil navzdol in preskusil naslednjo določeno pisavo.

V zvezi s to naslednjo pisavo opazite, kako je zapisano v svežnju. Ime Times New Roman je v dvojnih narekovajih. To je zato, ker ima ime pisave več besed. Imena pisav z več kot eno besedo (Trebuchet MS, Courier New itd.) Morajo imeti ime v dvojnih narekovajih, tako da brskalnik ve, da so vse te besede del enega imena pisave.

Nazadnje končamo s stevilko pisave s »serif«, ki je splošna klasifikacija pisave. V neverjetnem primeru, da ni na voljo nobene od pisav, ki ste jih navedli v vašem naboru, bo brskalnik namesto tega najdejo pisavo, ki vsaj pade v pravilno razvrstitev, ki ste jo izbrali. Na primer, če uporabljate pisave sans-serif, kot sta Arial in Verdana, potem bo konec stavnega paketa s klasifikacijo »sans-serif« vsaj obdržal pisavo v tej skupni družini, če obstaja težava z obremenitvijo. Res je, da bi bilo zelo redko, da brskalnik ne najde nobene pisave, ki so navedene v svežnju, in namesto tega uporabiti to generično klasifikacijo, je najboljša praksa, da jo vključite tudi tako, da je dvakrat varna.

Font Stacks in spletni pisave

Številna spletna mesta danes uporabljajo spletne pisave, ki so vključene tudi na spletno mesto, skupaj z drugimi viri (kot so slike na spletnem mestu, datoteka Javascript, itd.) Ali povezane z zunanjimi pisavami, kot so Google Fonts ali Typekit. Čeprav bi morali te pisave naložiti, ker se povezujete z datotekami sami, še vedno želite uporabiti paket stikov, da boste imeli nekaj nadzora nad morebitnimi težavami. Enako velja za pisave "spletne varne", ki morajo biti na nekom računalniku (upoštevajte, da so pisave, ki smo jih uporabili kot primere v tem članku, vključno Arial, Verdana, Georgia in Times New Roman, vse spletne varnostne pisave, ki jih je treba na računalniku osebe). Čeprav je verjetnost, da manjka pisava, je zelo majhna, določanje velikosti pisave bo v največji možni meri pripomoglo k nepremišljenemu tipografskemu oblikovanju spletnega mesta.

Izvorni članek Jennifer Krynin. Uredil Jeremy Girard.