Terwyl beelde baie van die liefde kry wanneer dit by webwerwe kom, is dit die geskrewe woord wat aan soekenjins appelleer en die inhoud van die meeste webwerwe voortbring. As sodanig is tipografiese ontwerp 'n krities belangrike deel van webwerfontwerp. Met die belangrikheid van 'n webwerf se teks kom die behoefte om te verseker dat dit goed lyk en maklik leesbaar is. Dit word gedoen met CSS (Cascading Style Sheets) stilering.
Na die moderne webontwerp standaard, as jy die voorkoms van 'n webwerf se teksinhoud wil dikteer, sal jy dit met behulp van CSS doen. Dit skei die CSS-styl van die HTML-struktuur van 'n bladsy. As jy byvoorbeeld die font van 'n bladsy na Arial wil stel, kan jy dit doen deur die volgende stylreël by jou CSS te voeg (nota - dit sal waarskynlik gedoen word in 'n eksterne CSS-stylblad wat die style magtig vir elke bladsy op die webwerf):
liggaam {font-family: Arial; }Hierdie font is ingestel vir die "liggaam", dus die CSS-kaskade sal die styl aan al die ander elemente van die bladsy toepas. Dit is omdat elke ander HTML-element 'n kind van die "liggaam" -element is, sal CSS-style soos fontfamilie of -kleur van die ouer na die kindelement kaskade. Dit sal die geval wees, tensy 'n meer spesifieke styl vir sekere elemente bygevoeg word. Die enigste probleem met hierdie CSS is dat slegs 'n enkele lettertipe gespesifiseer word. As die skrif nie vir een of ander rede gevind kan word nie, sal die leser 'n ander in sy plek vervang. Dit is sleg omdat jy geen beheer het oor watter font gebruik word nie. Die blaaier sal vir jou kies, en jy mag nie hou van wat dit besluit het om te gebruik nie! Dit is waar 'n fontstapel inkom.
'N Fontstapel is 'n lys van lettertipes in die CSS-lettertipe-familieverklaring. Die lettertipes word in volgorde van voorkeur aangedui wat jy wil hê hulle moet op die werf verskyn in geval van 'n probleem soos 'n font wat nie laai nie. 'N Fontstapel laat 'n ontwerper toe om die voorkoms van die lettertipes op die webblad te beheer, selfs al het die aanvanklike font nie die oorspronklike font wat u genoem het nie.
So hoe lyk 'n fontstapel? Hier is 'n voorbeeld:
liggaam {font-family: Georgia, "Times New Roman", serif; }Daar is 'n paar dinge om hier op te let.
Eerstens sal jy sien dat ons die verskillende fontname met 'n komma geskei het. tussen elkeen Jy kan soveel fonts byvoeg as jy wil, solank hulle geskei word deur 'n komma. Die blaaier sal probeer om die eerste font wat eerste gespesifiseer is, te laai. As dit misluk, sal dit afloop van die lyn wat elke font probeer totdat dit een vind wat dit kan gebruik. In hierdie voorbeeld gebruik ons webveilige fonts, en "Georgia" sal waarskynlik gevind word op die persoon se rekenaar wat die webwerf besoek. Let wel: die blaaier kyk op jou rekenaar vir die skrifte wat op die bladsy gespesifiseer word. die rekenaar wat fonts om van jou stelsel af te laai). As die font nie vir die een of ander rede gevind word nie, sal dit in die stapel beweeg en die volgende font gespesifiseer word.
In terme van die volgende lettertipe, let op hoe dit in die stapel geskryf is. Die naam "Times New Roman", is in dubbele aanhalings ingesluit. Dit is omdat die skrif naam verskeie woorde het. Enige lettertipes met meer as een woord (Trebuchet MS, Courier New, ens.) Moet die naam in dubbele aanhalings hê sodat die leser weet dat al die woorde deel is van een letternaam.
Uiteindelik eindig ons die fontstapel met "serif", wat 'n generiese fontklassifikasie is. In die onwaarskynlike geval dat geen van die lettertipes wat u in u stapel genoem het, beskikbaar is nie, sal die blaaier net 'n font vind wat ten minste in die korrekte klassifikasie val wat u gekies het. As u byvoorbeeld 'n sans-serif-lettertipe soos Arial en Verdana gebruik, sal die font van die algehele familie as 'n laaiprobleem ten minste 'n fontstap met die klassifikasie van "sans-serif" beëindig word. Dit moet wel baie skaars wees dat 'n blaaier nie enige van die lettertipes in die stapel kan vind nie, maar eerder hierdie generiese klassifikasie moet gebruik. Dit is egter die beste praktyk om dit net in te sluit, net om dubbel veilig te wees.
Font Stacks en Web Fonts
Baie webwerwe gebruik vandag webletters wat ook op die werf ingesluit word, asook ander bronne (soos die beelde van die werf, Javascript-lêer, ens.) Of gekoppel aan 'n buite-font-plek soos Google Fonts of Typekit. Terwyl hierdie lettertipes moet laai, aangesien u na die lêers self koppel, wil u steeds 'n fontstapel gebruik om te verseker dat u enige beheer het oor enige probleme wat mag voorkom. Dieselfde geld vir 'n webveilige fonts wat op iemand se rekenaar moet wees. Let daarop dat die fonts wat ons as voorbeelde in hierdie artikel gebruik het, insluitend Arial, Verdana, Georgia en Times New Roman, is alle webveilige lettertipes wat moet wees. op 'n persoon se rekenaar). Alhoewel die waarskynlikheid dat 'n font ontbreek, baie laag is, sal die spesifikasie van 'n lettertypestapel soveel as moontlik ' n tipografiese ontwerp van 'n webwerf help.
Oorspronklike artikel deur Jennifer Krynin. Geredigeer deur Jeremy Girard op 8/9/17