D'Syntax vun der Font-Family Property
Typographique Design ass e kritesch wichtegt Element vun engem erfollegräichen Websäite-Design. Erstelle Site mat Text, déi einfach ze liese sinn a wat gutt ass d'Ziler vun all Webdesign professionnel. Fir dëst z'erreechen, musst Dir d'spezifesch Schrëfte festhuelen, déi Dir op Är Websäiten benotze wëllt. Fir d'Schrëft oder Schrëftfamill op Äre Webdokumente spezifizéieren, benotze se d'Schrëftfamilljenaktualitéit an Ärem CSS.
Dee simplest font-family style, deen Dir benotzt konnt, wären nëmmen eng Schrëftfamill aus:
p {font-famille: Arial; }}Wann Dir dëse Stil un eng Säit benotzt, ginn all de Paragrafen an der Arial Schrëftfamill ugewisen. Dëst ass super an et ass "Arial" wat als "Web-Safe Schrëft" bezeechent gëtt, wat heescht (wann net alles) Computer hätt installéiert hunn, kënnt Dir ganz einfach erënneren datt Är Säit an der beabsichtigten Schrëft .
Also wat passéiert wann d'Schrëft déi Dir auswielen ka net fonnt ginn? Zum Beispill, wann Dir keng "Web Safe Schrëft" op enger Säit benotzt, wat stellt de Benotzer Agent wann net dës Schrëft? Si maachen e Substitutioun.
Dëst kann e puer ganz lëschteg Säiten erofhuelen. Ech hunn eng Kéier op eng Säit geliwwert, wou mäi Computer komplett an "Wingdings" (en Ikon set) huet, well mäi Computer net d'Schrëft huet déi den Entwéckler uginn hutt, a mäi Browser huet eng ganz schlechter Auswiel un der Schrëft gemaach als Ersatz. D'Säit ass komplett onliesbar fir mech! Dëst ass wou ee Schrëftstapel spillt.
Separate Multiple Font Families mat engem Comma an engem Schrëftstack
E "Schrëftstapel" ass eng Lëscht vu Schrëften déi Dir wëllt Är Säit benotzen. Dir géift Är Schrëft auswielen an d'Astellung vun Ärer Präferenz an all eenzel mat engem Comma. Wann de Browser net déi éischt Schrëftfamill op der Lëscht hutt, da probéiert d'zweet an dann den drëtten an sou weider, bis et ee fënnt, deen et am System huet.
Schrëftfamill: Pussycat, Algerier, Broadway;Am obewege Beispill wäerte de Browser de Look eroflueden fir d'Schrëft "Pussycat", dann "Algerier" dann "Broadway" wann keen vun den anere Schrëften fonnt gouf. Dat gëtt Iech méi eng Chance datt mindestens e vun Äre gewielte Schrëft benotzt. Et ass net perfekt, an dofir hu mir nach méi kënne mir zu eisem Schrëftstack addéieren (liesen!).
Benotzt Generic Fonts Letzst
Dir kënnt e Schrëftstack mat enger Lëscht vu Schrëften erstellen an nach ëmmer keen vun deem de Browser fënnt. Dir sicht natierlech net datt Är Säit net onleembleg ass, wann de Browser e schlechte Substitutionswahl mécht. Glécklech CSS huet eng Léisung fir dëst och: generesche Schrëften .
Dir sollt ëmmer Är Schrëftstéck behalen (och wann et eng Lëscht mat enger Famill oder nëmmen Web-Safe Schrëften) mat enger generescher Schrëft. Et sinn fënnef datt Dir benotze kënnt:
- kursiv
- Fantasi
- Monospace
- sans-serif
- serif
Déi zwee iwwerpréiwen Beispiller ginn geännert:
Schrëftfamill: Arial, sans-serif; Schrëftfamill: Pussycat, Algerier, Broadway, Fantasi;Verschidde Schrëftfamilljenamme sinn zwee oder méi Wierder
Wann d'Schrëftfamill Dir wëllt benotzen ass méi wéi een Wuert, da misst Dir et mat Doppewieder ze markéieren. Wann e puer Browser méi Schrëftfamill opmaache kann ouni d'Zousätz markéieren, da kann et Problemer ginn, wann d'Whitespace kondenséiert oder ignoréiert ass.
Schrëftfamill: "Times New Roman", Serif;An dësem Beispill kënnt Dir kucken, datt de Schrëftfamill "Times New Roman", deen Multi-Wuert ass, an Zitater invitéiert. Dëst erzielt den Browser, datt all dräi vun dësen Wierder Deel vun deem Schrëfttsammlung sinn, am Géigesaz zu dräi verschidde Fonts alleguer mat engem Wuert Wuert.
Original Artikel vum Jennifer Krynin. Editéiert vum 16/2/16 vun Jeremy Girard