Vefhönnun kom á aldrinum daginn sem webfonts sóttu breitt útbreiðslu notkun. Áður en það er gert ráð fyrir því að við vorum minna hönnuðir en verkfræðingar.
Hins vegar hefur áhuginn sem við höfum gripið við leturvalkosti í vefhönnun leitt til töfrandi fjölda valmöguleika; svo mikið að margir hönnuðir kjósa veginn minnsta viðnám, leyfa lönguninni til einföldrar framkvæmdar til að fyrirmæli typography þeirra.
Ef þú veist hvað þú ert að leita að, eru allar valkostir einfaldar. Í þessari grein munum við láta þig vita af þeirri þekkingu sem þú þarft til að taka upplýstar ákvarðanir þegar þú velur milli leturtækni.
Við ætlum að lýsa þessum valkostum með því að leggja áherslu á besta leiðin til að skila allan tímabundið klassískt leturgerð, Garamond.
Að hrósa dyggðum webfonts, fyrsti kosturinn sem við munum íhuga notar alls ekki webfonts. Font stöflun er CSS tækni þar sem þú tilgreinir fjölda fallbacks byrjar með fyrsta val þitt og endar með grípa-allur lausn.
There ert a einhver fjöldi af letur stafla auðlindir á netinu, en einn af uppáhalds minn er cssfontstack.com, Þetta er frábært upphafspunktur fyrir leturstafla, en vera meðvitaður um að þú þurfir oft að fá einhverja þekkingu til að bera.
Samkvæmt cssfontstack.com er Garamond fáanlegt sem leturgerð á 49,91% af Macs og 86,47% af Windows vélum. Það er nokkuð gott, en ekki nógu gott. Hér er leiðbeinandi leturstafla sem nær yfir alla grunnatriði:
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;Spurningin er hvernig getum við bætt þetta?
Jæja, við vitum að það eru fjölmargir útgáfur af Garamond í boði, þannig að við getum bætt við í breytingu í seinni rifa sem minniháttar málamiðlun.
Í öðru lagi er ég ósammála að annaðhvort Baskerville eða Times séu fullnægjandi varamenn í Garamond, svo skulum við sleppa þeim. Hoefler Texti virkar vel í stað Garamond, svo það geti verið. Við verðum að bæta við serif sem endanlegri grípa-allt, en eins og flest kerfi nota tímana sem sjálfgefið serif, þá skulum við rifa í langt yfirburði Georgíu fyrir þá sem eru að rísa í gegnum sprungurnar.
Endanleg breytt letur stafla okkar lítur svona út:
font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", Georgia, serif;Meirihluti áhorfenda er að fara að sjá Garamond, nokkrir aðrir munu sjá sanngjarnt málamiðlun og örlítið minnihluti mun bara fá sjálfgefið serif letrið sitt.
Font stöflun er ókeypis, langur festa lausnin, og eftir því sem þú velur leturgerðina getur verið mjög árangursríkt; í tilfelli Garamond er gott rök fyrir því að kalla þetta "starf".
Það er hins vegar eitt stórt vandamál með leturstöflun, einkum með letri eins og Garamond: það eru svo margir sjóræningiútgáfur í umferð að það er ómögulegt að vita hvaða letur er nefnt "Garamond" á kerfi notandans, ekki aðeins getum við ekki verið viss hönnunin er í samræmi við væntingar okkar, stærð letursins getur verið róttækan frábrugðin útgáfunni í hönnuninni. (Tæknilega er ekkert að koma í veg fyrir að afrit af Arial sé nefnt "Garamond". Í því tilviki mun leturgerðin okkar nota það.)
Font stöflun er því frábær back-up, og ætti að íhuga að nota í tengslum við allar lausnirnar hér að neðan, en það er minna en hugsjón sem aðal lausn.
Google leturgerðir er, fyrir marga hönnuði, þá stað þar sem þeir ljúka leit sinni. Fyrir heildarfjölda $ 0 getur þú auðveldlega hlaðið webfonts inn á síðuna þína með því að nota CSS.
Eina hæðirnar eru að fjöldi leturrita sem eru í boði er mjög takmörkuð. Tákn eins og Roboto og PT Sans skulda vinsældum sínum eins mikið og ókeypis framboð þeirra á Google letur, hvað varðar hönnunareiginleika þeirra.
Eins og er, eina breytingin af Garamond í boði á Google Skírnarfontum er EB Garamond, tilraun til að opna skjalið Garamond letrið. En gallinn við þessa útgáfu er að það er aðeins ein þyngd og stíll í boði; Það er ekki djörf eða skáletrað. Hönnuður Georg Duffner hefur ríkulega gert vinnu sína í vinnslu á Bitbucket en það er ekki tilbúið til framleiðslu.
Google leturgerðir eru frábærir fjárhagsáætlanir og tilvalin fyrir aðstæður þar sem þú gætir verið fótur frumvarpsins frekar en viðskiptavinurinn þinn. Að vera fær um að tilgreina leturgerðir þínar í CSS er eins einfalt og hægt er.
Stór galli við Google leturgerðir er að þrátt fyrir markaðssetningu sína, þá er það mjög lítið val. Ef þú ert að leita að webfont of Open Sans þá ertu á réttum stað, en ef þú vilt leturgerð eins og Garamond-sem er varla hylja-það er þvottur.
Sjálfhýsing er gríðarlega óviðjafnanleg nálgun við vefbréf. Helstu aðdráttarafl hennar er hæfileiki til að undirrita leturgerðir, valkostur sem er svo aðlaðandi næstum öll streymisþjónusta reynt að líkja eftir því.
Ef þú ert með skrifborðsútgáfu af Garamond á tölvunni þinni skaltu opna hana og þú sérð truflandi fjölda stafa. Með því að skipta letri er ferlið við að eyða óæskilegum stafi sem leiðir til minni skráarstærð og hraðari afhendingu.
Auðvitað, persónurnar sem þú þarfnast mun ráðast á síðuna sem þú ert að byggja: ef þú ert að byggja upp ferðamannaleiðsögn til Dubrovnik þarftu líklega serbneska kóyrillíska stafi; ef þú ert að endurskapa safnað verk Shakespeare er ólíklegt að þú þarft að @ tákn.
Til þess að undirrita leturgerð þarftu að nota ritvinnsluforrit. Það eru margir möguleikar í boði frá frjálsu FontForge til iðgjalds FontLab Studio. Til að búa til undirlitsútgáfu letursins skaltu einfaldlega velja gluggann sem þú vilt ekki og eyða því og vista síðan skrána í verkefnaskipan. (Gættu þess að skrifa ekki upprunalega leturskrána þína!)
Fullt .tf skrá fyrir Adobe Garamond Pro er 606Kb. Stripping það niður í grunn latínu stafi og greinarmerki dregur úr því í 56Kb. Margfalda það yfir nokkrum lóðum og stílum og þú ert að vista nokkra Mb í niðurhalum fyrir notendur þína.
Flest leturgerðir sem þú hefur sett upp verða TrueType (.ttf) með smitandi OpenType (.otf). Þú getur vistað þetta á netþjóninn og tilgreint þau í CSS þínum.
Stuðningur við .ttf og .otf skráarsnið er útbreiddur yfir alla nútíma vafra nema IE (jafnvel nýjustu útgáfuna) og nokkrar farsímaflettitæki (þ.mt arfleifarútgáfur af IOS Safari).
Til að auka umfjöllun þína þarftu nokkrar viðbótar snið. .eot virkar fyrir IE, .woff mun virka fyrir flesta vafra og er valið snið W3C, .svg mun virka á arfleifð vafra. There ert a tala af vefþjónustu sem mun búa til þetta snið fyrir þig frá .ttf skrá þinni, einn af vinsælustu vera Leturgerð íkorna
The hæðir með að breyta skrifborð letur til notkunar á netinu er tvíþætt: Í fyrsta lagi ertu næstum vissulega ekki leyft að gera það; Í öðru lagi eru skrifborð letur næstum alltaf bjartsýni fyrir prentun, þau gera einfaldlega ekki vel á skjánum.
Font foundries hafa loksins vaknað til þess að það er gríðarstór markaður fyrir webfonts. Þess vegna hafa þeir ekki aðeins aukið leyfisveitingar sínar, en þeir vinna að því að fínstilla bakbækurnar fyrir skjái.
Foundries veita hollur vefurfonts veita allar nauðsynlegar snið, gæði-merkt og tilbúinn til að hlaða upp á netþjóninn. Enn fremur ertu enn frjálst að deila skrá, og þú ert ekki háð spennutíma þriðja aðila.
Það eru fjölmargir staðir sem þú getur keypt webfonts, tveir af helstu leikmönnum á þessu sviði eru FontShop.com og MyFonts.com .
Þegar við komumst aftur í Garamond okkar, getum við séð að MyFonts hefur marga mismunandi útgáfur af Garamond í boði. Við getum leyfi Adobe Garamond í nokkrum lóðum, takmörkuð við 250.000 pageviews, fyrir um 180 $.
FontShop hefur einnig fjölda vefútgáfa af Garamond í boði. URW Garamond Web veitir alla þyngd og stíl sem við gætum viljað, allir með örlátu 500.000 pageviews á mánuði. Hvað er meira, FontShop er með hollur subsetter til að hámarka glansandi nýja leturkaup þitt. Því miður greiðir þú aukagjald fyrir allt þetta, um $ 680 fyrir alla leturgerðina.
Sjálfhýsing gerir kleift að skipta niður. Það tryggir að þú sért í stjórn á skírteini fæðingar og forðast hvers kyns ósjálfstæði á netþjónum þriðja aðila.
Það sem meira er, ef þú kaupir fagleg vefgátt geturðu búist við því að gæði sé mjög mikil.
Sjálfshýsingar höfða einnig til þeirra okkar sem vilja frekar "eiga" leturgerðirnar en að leigja þau. Auðvitað, í lagalegum skilmálum er það mjög lítið eignarhald yfirleitt, en eingöngu gjald er þægilegra að áskrift fyrir marga.
Eina hæðirnar af sjálfhýsingu er verulegt verð. Ekki aðeins verður þú að borga fyrir leturgerðina, en þú gætir þurft að stýra hýsingu og bandbreiddarkostnaði í tölurnar þínar.
Rétt eins og Google leturgerðir, bjóða vefþjónusta þjónustu letur í vafra okkar með einföldum CSS. Ólíkt Google letur, það er mikið úrval til að velja úr.
There ert a tala af mismunandi söluaðilar að velja úr, og ég sérstaklega eins og Hoefler & Frere-Jones ' cloud.typography þjónusta. Hins vegar, eins og hjá mörgum smærri söluaðilum, þá er gagnsemi þeirra alfarið háð því hvaða leturgerð þú ert að leita að. Næst letur Hoefler & Frere-Jones geta framboð er Hoefler Texti, en ef við erum að borga aukagjald þá ættum við ekki að þurfa að málamiðlun.
Stærsti leikmaðurinn í webfont streymi er Adobe Typekit . Gæði letra sinna eru mjög háir, framkvæmdin er einföld og síðast en ekki síst hafa þeir mikla verslun til að velja úr.
Typekit veitir úrval af áskriftum allt frá $ 24.99 á ári fyrir 50.000 skoðanir á mánuði, til $ 99,99 á ári fyrir 1.000.000 skoðanir á mánuði. Hins vegar, ef þú ert Creative Cloud meðlimur, er Portfolio Plan innifalinn í áskriftinni þinni; sem þýðir að fyrir flest vefhönnuðir Typekit er ókeypis lausn.
A fljótur leit segir okkur að það eru nokkrir útgáfur af Garamond, þar á meðal Eigin Adobe, í boði á Typekit. Og það er líka mjög takmörkuð subsetting eiginleiki sem gerir okkur kleift að draga úr skráarstærðinni lítið.
Webfont straumþjónusta býður upp á mikið úrval af framúrskarandi gæðum letur, sem auðvelt er að bæta við á síðuna þína.
Ef um er að ræða Typekit, ef þú ert nú þegar Creative Cloud meðlimur, þá leyfir frjáls aðgangur þetta enn meira aðlaðandi valkostur. Hins vegar, ef þú ert ekki meðlimur þá ertu að fá val á milli að borga verulega áskrift og binda þig við Adobe.
Megin áhyggjuefni mitt við neina straumþjónustu er að þú ert algjörlega háð frammistöðu þriðja aðila. Ef miðlara þeirra fer niður, þá er það verulegur hluti af vörumerki þínu.
Eins og með svo margt, svarið er: það fer eftir verkefninu þínu. En það eru nokkrar ákvarðanir sem við getum gert á grundvelli okkar Garamond próf:
Font stöflun er a neitun kostnaður varabúnaður, það veitir á vörumerki lausn ef og þegar letur skrár vantar eða straumspilun hlaupa hægur. Það ætti alltaf að vera innleitt á hvaða svæði sem er, en að treysta á það, jafnvel fyrir eitthvað eins algengt og Garamond er hugsanlega hættulegt.
Ef letrið sem þú ert að leita að er hægt að streyma ókeypis, annaðhvort með Google leturgerð, eða til dæmis ef þú ert með Creative Cloud áskrift þá er þetta gott val. Þar sem ég er með Creative Cloud áskrift þá myndi ég freista þessa leið, þó að skorturinn á raunverulegri undirskipun væri áhyggjuefni.
Ef þú hefur fjárhagsáætlun, þá er sjálfhýsing fagleg vefgátt besti kosturinn. The tiltölulega hóflega kostnaður-þegar miðað er við birgðir ljósmyndun-er auðveldlega réttlætanlegt af miklum hraða uppörvun subsetting afhendingu.
Í iðnaði þar sem við erum að afgreiða JavaScript-skrár til að spara nokkur Kb, raknar hundruð sinnum það magn af einni skrá er engin brainer.