Während Biller sinn vill vun der Léift, wann et op Websäiten ukënnt, ass et de schrëftleche Wuert, deen op d'Sich motore rifft a féiert den Inhalt vun de meescht Siten. Als typographesch Design ass e kritesch wichtegen Deel vum Site Design. Mat der Wichtegkeet vun engem Text vun dësem Site ass d'Notzung fir sécher ze stellen datt et gutt ass an et ass einfach ze liesen. Dëst gëtt mat CSS (Cascading Style Sheets) Styling gemaach.
No e modernen Webdesign Standard, wann Dir de Bléck vun engem Textinhalt vun engem Site diktéiere wëllt, wäert Dir dat mat CSS maachen. Dëst trennt dës CSS Stil vun der HTML Struktur vun enger Säit. Als Beispill kënnt Dir d'Schrëft vun enger Säit op "Arial" setzen. Dir kënnt et maachen andeems Dir d'folgend Stylstrooss op Är CSS addéiere kënnt - datt dëst wahrscheinlech an engem externen CSS-Stilblatt geschitt ass deen de Stiler fir all Säit op der Websäit):
Kierper {font-family: Arial; }}Dës Schrëft ass fir den "Kierper" gespaart, sou datt de CSS-Kascade de Stil un all déi aner Elementer vun der Säit uwendert. Dëst ass, well all aner HTML Element ass e Kand vum "Kierper" Element, CSS Styles wéi Schrëftfamill oder Faarf kaskadéiert vum Elterendeel fir d'Kand vun der Kand. Dëst wäert de Fall sinn, ausser datt méi spezifesch Stil fir verschidde Elemente agefouert gëtt. Dat eenzegt Problem mat dësem CSS ass datt nëmmen eng eenzeg Schrëft definéiert ass. Wann dës Schrëft net fir e puer Grënn fonnt ginn, wäert de Browser e weideren ersetzen. Dëst ass schlecht, well Dir keng Kontroll iwwer d'Schrëft benotzt gëtt - de Browser wäerts fir Iech, an Dir kënnt net gär, wat se beschloss hunn! Dat ass wou e Schrëftstapel kommt.
E Schriftstack ass eng Lëscht vu Schrëften an der CSS-Schrëftfamill Declaration. D'Schrëften ginn an der Astellungsuerdäit geläscht datt Dir se gäre wëllt op der Säit kucken wann et e Problem as e Schrëft net gelueden gëtt. Een Schriftstapel erlaabt e Designer fir de Look vun den Schrëften op der Websäit ze kontrolléieren, och wann de Computer net déi initial Schrëft huet, déi Dir ugeruff huet.
Also, wéi fuert ee Schrëftstack? Hei ass e Beispill:
Kierper {font-family: Georgia, "Times New Roman", Serif; }}Et ginn e puer Saache fir ze kucken.
Als éischt, da gesitt Dir, datt mir déi aner Schrëftennamen mat engem Comma ageholl hunn. tëschent all Dir kënnt esou vill Fënstere wéi Dir wëllt, soulaang wéi se vun enger Comma getrennt sinn. De Browser probéiert fir d'éischt déi éischt Schrëft liesen. Wann dat nët geet, féiert d'Zeil hannert sech all Schrëtt aus, bis et eent fonnt gëtt dat et kann benotzen. An dësem Beispill benotze mir Web Safe Fonts, an "Georgia" wäert wahrscheinlech op de Computer vum Benotzer sinn, deen Besuch vum Site (Notiz - de Browser kuckt op Äre Computer fir d'Schrëften déi op der Säit festgeluegt sinn, sou datt de Site tatsächlech erzielt den Computer deen d'Schrëften aus Ärem System léisst). Wann aus e puer Grënn datt d'Schrëft net fonnt gouf, da géif de Stack réckelen an probéiert déi nächst Schrëft.
Am Sënn vun dëser nächster Schrëft, bemierkt wéi et am Stack geschriwwe steet. Den Numm vum "Times New Roman", ass ëmgeleet op doppelte Zitater. Dëst ass wéinst dem Schrëftfamill méi verschidde Wierder. All Fontsennamen mat méi wéi engem Wuert (Trebuchet MS, Courier New, etc.) mussen den Numm an dauert Zitaten hunn, fir datt de Browser weess datt all dës Wierder Deel vun engem Schrëftfamill ass.
Endlech endlech d'Schrëftstack mat "Serif", wat eng generesch Schrëft Klassifikatioun ass. An der Onwahrscheinlechkeet datt keng vun de Schrëften déi Dir an Ärem Stack genannt huet, verfügbar sinn, fënnt d'Browser nëmmen eng Schrëft, déi op d'mannst an déi richteg Klassifikatioun falen, déi Dir gewielt hutt. Zum Beispill, wann Dir Sans-Serif-Fonts wéi Arial a Verdana benotzt, wéi e Schrëftstack mat der Klassifikatioun vun "sans-serif" beäntweren, halen d'Schrëft an der Gesamtfamill ophalen, wann et e Problem ass. Gëtt ët zënter datt et ee Browser ka keng Fonts méi fannen, déi am Stack bezeechent ginn a benotzt hunn, fir déi generesch Klassifikatioun ze benotzen, et ass eng bescht Praxis fir se souwisou just ze verdoppelen.
Schrëftstapel a Web Fonts
Viele Websäite benotzen haut Web fonts déi entweder op der Säit mat anere Ressourcen opgefouert sinn (wéi déi Biller, Javascript-Akten etc.) oder mat enger Offsite-Schrëftart wéi Google Fonts oder Typekit verbonne sinn. Obwuel dës Fënstere benotze musst, well Dir mat der Verknüpfung mat den Dossier selwer gehéiert, wäert Dir ëmmer nach e Schrëftstapel benotzen fir sécher ze sinn, datt Dir e puer Kontrollen iwwer all Probleemer kënnt entstoen. Dat selwecht gëlt fir "Web Safe" Schrëften déi op engem Computer gelies ginn (Notiz datt d'Schrëften, déi mir als Beispiller an dësem Artikel benotzt hunn, wéi Arial, Verdana, Georgia a Times New Roman, all Web Safe Schrëften déi solle sinn op engem Computer). Och wann d'Wahrscheinlechkeet vun enger Schrëftfehler vermësst gëtt ass ganz kleng, a spezifizéierend e Schrëftstapel hëllefe Kugelveraarbechtung sougenannte typographësche Site esou vill wéi méiglech.
Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard am 8/9/17