Wat sinn d'Generika Schrëftfamill bei CSS?

De generesche font Klassifikatiounen déi Dir benotzt fir op Är Websäit ze benotzen

Wann Dir eng Websäit entwéckelt, eng vun de Schlësselelementer vun enger Säit déi Dir schafft mat Texter Inhalt. Als Sot, wann Dir eng Websäit baut a mat engem CSS Stil mécht, wäert e groussen Deel vun deem Effort op d'Typografie vum Site zesummegestallt ginn.

Typographesch Design spillt eng wichteg Roll am Webdesign. Well e verdeelt a formuléiert Textinhalt hëlleft e Site méi erfolgreich, andeems en eng Lieserfahrung geschafe gëtt, déi erreechbar ass an einfach ze konsuméieren. Deel vun Ären Effort'en bei der Aarbecht mat dem Typ gëtt gewielt fir richteg Schrëfts fir Äre Design ze wielen an duerno CSS ze benotzen fir dës Schrëften an d'Schrëftstil un d'Säit z'änneren. Dëst gëtt gemaach mat deem wat e " font-stack " genannt gëtt.

Schrëftstapel

Wann Dir eng Schrëft benotzt fir op enger Websäit ze benotzen, ass et e bescht Praxis datt och Fallback-Optionen opgefouert ginn, wann Dir Är Schrëft auswielen kéint net fonnt ginn. Dës Fallbackoptiounen ginn am "Schrëftstapel" presentéiert. Wann de Browser net déi éischt Schrëft am Stack steet, fiert hien op d'nächst. Et setzt dëse Prozess weider, bis et e Schrëftzeechen kënnt dat se benotzt ka ginn oder et aus Choixen ausféiert (a wann et just ee System font ass, deen et wëllt). Hei ass e Beispill vu wéi engem Schrëftstapel géif op CSS kucken wann se op den "Kierper" Element applizéiert ginn:

Kierper {font-family: Georgia, "Times New Roman", Serif; }}

Bemierkung datt mir d'Schrëft Georgia éischter uginn. Par default ass dat wat d'Säit benotzt gëtt, awer wann dës Schrëft net aus irgendege Grënn sinn, fënnt d'Säit op Times New Roman. Mir schloen dëse Schrëftfamill op Doppele Zitoten well et e Multi-WuertName ass. Ënnert Wuertbegrennunge wéi Georgien oder Arial, brauche keng Zitater, awer Multi-Wuert Schrëfttitel brauchen si fir datt de Browser wësst datt all dës Wierder den Numm vum Schrëft gemaach.

Wann Dir en Enn vum Schrëftstack kucke wëllt, sollt Dir kucken datt mer mat dem Wuert "Serif" sinn. Dat ass e generesche font Famillennumm. An dem ongewéinlech Ereegnes, datt eng Persoun net Georgien oder Times New Roman op hirem Computer huet, wäerte déi Säit egal wat fir eng Serif-Schrëft konnt fannen. Dëst ass léiwer wéi de Site déi falsch Fontsplattformen erlaabt ass, well Dir kënnt op d'mannst soen wat d'Schrëft benotzt, fir datt d'Gesamte kuckt an de Ton vun engem Site's Design intakt wéi méiglech sinn. Jo, de Browser wäilt e Schrëft fir Iech, awer op d'mannst Dir sidd guidéieren, fir datt et weess wat d'Schrëft géif am beschten am Design entwéckelen.

Generic Font Families

De generesche font Numm zu CSS verfügbar:

Obwuel et vill aner Schrëft Klassifikatiounen verfügbar ass, déi am Webdesign an Typografie verfügbar sinn, z. B. Slab-Serif, Blackletter, Affichage, Grunge a méi, sinn déi 5 uewe genannten generesche Quelltextbezeechnunge sinn déi déi Dir an engem Schrëftstapel an CSS benotzt. Wat sinn d'Differenzen an dëser Klassifikatioun? Loosst eis e Bléck!

Kursiv Schrëften oft ze dënnen, verzweifelt Lëschten, déi geziilt sinn, lëschteg Handschrëft ze replizéieren. Dës Schrëften, wéinst hiren dënnen, blumesche Brécke, sinn net adequat fir grousse Block vun Inhalt wéi Kierper-Kopie. Kursiv Schrëfte ginn normalerweis fir Rubriken a kuerter Textbedarf benotzt, déi mat grousse Schrëftgréissten ugewisen ginn.

Fantasy Schrëften sinn déi vill verréckt Schrëften déi net wierklech an eng aner Kategorie falen. Schrëften déi bekannte Logoen opmaachen, wéi d'Formuléierungen vum Harry Potter oder Back to the Future Filmer, géifen an dës Kategorie falen. Elo nees dës Schrëfte sinn net passend fir Kierper Inhalt, well se esou stiliséierter sinn datt méi laang Passagen vun Text an dëse Schrëften geschriwwe ginn ass ze vill ze schwéier fir ze maachen.

Monospace Schrëften sinn déi wou all d'Formuléierer sëlwecht Gréisst a Spannend sinn, wéi Dir et bei enger aler Schreifweis fonnt hätt. Am Géigesaz zu anere Schrëften déi variabel Breedunge fir Briefe abhängig vu senger Gréisst hunn (zum Beispill eng Kapital "W" méi vill Zëmmer brauch wéi e Minus "i"), monospace Schrëftstonnen feste Breedung fir all Zeechen. Dës Schrëften ginn oft benotzt, wann de Code op enger Säit ugewisen gëtt, well se ënnerscheet verschidden wéi aner Texter op där Säit.

Serif Fonts sinn eng vun de méi populär Klassifikatiounen. Dëst sinn Schrëften déi déi kleng extra Ligaturen op de Bréifformen hunn. Déi Extrastécke ginn "Serifen" genannt. Gemeinsame serifesche Schrëften sinn Georgien a Times New Roman. Serifeschriwwen ginn fir grouss Text esou wéi och op laang Texter an Kierperdeeg benotzt.

Sans-serif ass d'final Klassifikatioun déi mer kucken. Dëst sinn Schrëften déi net déi sougenannten Ligaguren hunn. Den Numm heescht "ouni Serifen". Populäre Schrëften zu dëser Kategorie wären Arial oder Helvetica. Ähnlech wéi Serifs, sans-serif-Fënsteren benotzen esou gudd wéi an Header wéi och Kierpergewiicht.

Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard am 10/16/17