Setningafræði leturs-fjölskyldu eignarinnar
Typographic hönnun er gagnrýninn hluti af árangursríkri vefsíðuhönnun. Búa til síður með texta sem auðvelt er að lesa og hver lítur vel út er markmið hvers vefhönnunar faglegur. Til að ná þessu verður þú að geta sett upp sérstaka leturgerðir sem þú vilt nota á vefsíðum þínum. Til að tilgreina leturgerð eða leturgerð fjölskyldunnar á vefskjölunum þínum, notarðu leturgerðarsniðið í CSS þínum.
Einfaldasta leturgerðarsniðsstíllinn sem þú gætir notað myndi innihalda aðeins einn leturfjölskyldu:
p {letur-fjölskylda: Arial; }Ef þú sóttir þessa stíl á síðu, þá birtast allar málsgreinar í leturgerðinni "Arial". Þetta er frábært og þar sem "Arial" er þekkt sem "vefur-örugg leturgerð", sem þýðir að flestir (ef ekki allir) tölvan muni hafa það sett upp, þá geturðu róað nokkuð auðveldlega með því að vita að síðunni þinni birtist í fyrirhuguðum letri .
Svo hvað gerist ef letrið sem þú velur er ekki hægt að finna? Til dæmis, ef þú notar ekki "örugga letur á vefnum" á síðu, hvað gerir notandi umboðsmaðurinn ef þeir hafa ekki þennan leturgerð? Þeir gera skiptingu.
Þetta getur leitt til nokkurra mjög fyndinna útlitssíður. Ég fór einu sinni á síðu þar sem tölvan mín birtist alveg í "Wingdings" (táknmyndasett) vegna þess að tölvan mín hafði ekki leturgerð sem verktaki hafði tilgreint og vafrinn minn gerði mjög lélegt val á hvaða letri það myndi Notaðu í staðinn. Síðan var alveg ólæsileg fyrir mig! Þetta er þar sem letur stafur kemur inn í leik.
Skilgreina fjölbreytt leturfóðir með kommu í leturstöflum
A "letur stafur" er listi yfir letur sem þú vilt að síðunni þinni sé að nota. Þú vildi setja leturval þitt í samræmi við val þitt og aðgreina hvert með kommu. Ef vafrinn hefur ekki fyrstu leturfjölskylduna á listanum mun það reyna annað og síðan þriðja og svo framvegis þangað til það finnur það sem það hefur á kerfinu.
leturgerð: Pussycat, Alsír, Broadway;Í dæminu hér fyrir ofan mun vafrinn fyrst leita eftir leturgerðinni "Pussycat", þá "Alsír" og "Broadway" ef ekkert af öðrum leturum fannst. Þetta gefur þér meiri möguleika á að nota að minnsta kosti einn af völdum leturgerðunum þínum. Það er ekki fullkomið, það er þess vegna sem við höfum enn meira sem við getum bætt við leturgerðina okkar (lesið!).
Notaðu Generic Fonts Last
Þannig er hægt að búa til leturstafla með lista yfir letur og hafa enn ekkert sem vafrinn getur fundið. Þú vilt augljóslega ekki að vefsíðan þín sé ólæsileg ef vafrinn gerir slæmt skiptival. Til allrar hamingju hefur CSS lausn fyrir þetta líka: almenna leturgerðir .
Þú ættir alltaf að ljúka leturalistanum þínum (jafnvel þótt það sé listi yfir eina fjölskyldu eða aðeins örugga letur á vefnum) með almennri leturgerð. Það eru fimm sem þú getur notað:
- bendiefni
- ímyndunarafl
- monospace
- sans-serif
- serif
Ofangreind dæmi hér að ofan gætu verið breytt í:
font-family: Arial, sans-serif; font-family: Pussycat, Alsír, Broadway, ímyndunarafl;Sumir letur fjölskyldanöfn eru tvö eða fleiri orð
Ef leturfjölskyldan sem þú vilt nota er meira en eitt orð, þá ættir þú að umlykja það með tvöföldu merkjum. Þó að nokkrir vöfrum geti lesið leturgerðartegundir án tilvitnunarmerkja, þá gætu verið vandamál ef hvítt er þétt eða hunsuð.
font-family: "Times New Roman", serif;Í þessu dæmi er hægt að sjá að leturnafnið "Times New Roman", sem er multi-orð, er encased í vitna. Þetta segir vafranum að öll þessi þessi orð eru hluti af því leturheiti, öfugt við þrjá mismunandi leturgerðir, öll með einu orði.
Upprunaleg grein af Jennifer Krynin. Breytt á 12/2/16 með Jeremy Girard