Webdesign přišel z věku, kdy se webové stránky dostaly do široké škály využití. Před tímto bodem je sporné, že jsme byli méně návrháři než inženýři.
Nicméně nadšení, s jakým jsme se chystali při výběru písem v návrhu webových stránek, vedlo k ohromujícímu výběru možností; tolik, že mnoho návrhářů se rozhodlo pro cestu nejmenšího odporu, což dovoluje touhu po jednoduché implementaci diktovat jejich typografii.
Pokud víte, co hledáte, všechny možnosti jsou jednoduché. V tomto článku vás budeme vyzbrojovat znalostmi, které potřebujete k informovanému rozhodování při výběru mezi technologiemi písem.
Budeme tyto možnosti ilustrovat tím, že se zaměříme na nejlepší způsob, jak dodat klasický klasický typ písma Garamond.
Když jsme vyzdvihli ctnosti webfontů, první možnost, kterou budeme považovat za využívání webfontů vůbec. Stohování písem je technikou CSS, ve které určíte počet záloh, počínaje vaší první volbou a končící řešením, které vám pomůže.
Existuje spousta zdrojů pro ukládání fontů online, ale jeden z mých oblíbených je cssfontstack.com, je to skvělý výchozí bod pro stack písma, ale uvědomte si, že častěji než budete muset přinést určitou odbornost.
Podle cssfontstack.com Garamond je dostupný jako systémové písmo na 49,91% Maců a 86,47% strojů Windows. To je celkem dobré, ale není dost dobré. Zde je doporučený zásobník písma, který pokrývá všechny základy:
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;Otázkou je, jak to můžeme zlepšit?
Víme, že existuje řada verzí Garamond k dispozici, takže můžeme přidat druhou variantu jako malý kompromis.
Za druhé nesouhlasím, že Baskerville nebo Times jsou vhodnou náhradou za Garamond, takže je necháme. Hoefler Text funguje dobře na místě Garamond, aby mohl zůstat. Potřebujeme přidat serif jako konečný catch-all, ale jelikož většina systémů používá Times jako jejich standardní serif, nechte se dostat do daleko vyššího Gruzie pro každého, kdo proklouzne praskliny.
Náš konečný upravený font písma vypadá takto:
font-family: Garamond, "Adobe Garamond Pro", "Hoefler Text", Georgia, serif;Většina diváků se chystá vidět Garamond, několik dalších lidí uvidí rozumný kompromis a malá menšina dostane jen své standardní písmo.
Stohování písma je volné, zdaleka nejrychlejší řešení a v závislosti na zvoleném písmu může být velmi efektivní; v případě Garamond je dobrý argument pro volání této "práce".
Existuje však jeden z hlavních problémů s ukládáním písem, zejména s písmenem jako je Garamond: existuje tolik pirátských verzí v oběhu, že není možné vědět, které písmo je nazýváno "Garamond" v uživatelském systému, nejenže si nemůžeme být jisti design je v souladu s našimi očekáváními, rozsah písma může být radikálně odlišný od verze našeho designu. (Z technického hlediska není nic, co by zabránilo přejmenování kopie Arialu na "Garamond", v takovém případě by náš font použitý.)
Stohování písma je proto skvělým zálohováním a mělo by být zváženo pro použití ve spojení se všemi níže uvedenými řešeními, ale je to méně než ideální řešení jako primární řešení.
Písma Google je pro mnoho návrhářů bodem, ve kterém končí jejich vyhledávání. Za celkovou sumu $ 0 můžete snadno načíst webfonty do vašeho webu pomocí CSS.
Jedinou nevýhodou je, že počet nabízených typů písma je velmi omezen. Typy písma, jako jsou Roboto a PT Sans, mají svou popularitu stejně jako jejich volná dostupnost v rámci písma Google, pokud jde o jejich designové vlastnosti.
V současné době je v programu Google Fonts k dispozici pouze variace Garamond EB Garamond, pokus o otevření zdrojového písma Garamond. Ale chyba s touto verzí je, že je k dispozici pouze jedna váha a styl; neexistuje tučné nebo kurzíva. Návrhář Georg Duffner velkoryse učinil svou práci v provozu Bitbucket ale není připravena na výrobu.
Písma Google jsou skvělé řešení pro rozpočet a jsou ideální pro situace, kdy můžete stát účet, nikoli vašeho klienta. Být schopna určit písma v CSS je tak jednoduchá, jak může být.
Velkou chybou v programu Google Fonts je, že navzdory jejich marketingu existuje jen velmi málo možností. Hledáte-li webfont Open Sans, pak jste na správném místě, ale pokud chcete, aby písmo jako Garamond - což je sotva obskurní - je to vymývání.
Vlastní hosting je obrovsky podceňovaný přístup k webfontům. Jeho klíčovou přitažlivostí je schopnost podmnožit písma, což je tak atraktivní volba, že se téměř všechny vysílací služby pokoušejí napodobit.
Pokud máte v počítači systém Windows, otevřete ji a uvidíte neuvěřitelný počet znaků. Podtržení písma je proces odstraňování nepodstatných znaků, což vede k menší velikosti souborů a rychlejšímu dodání.
Znaky, které požadujete, samozřejmě závisí na místě, který budujete. Pokud budujete turistický průvodce Dubrovníkem, pravděpodobně budete potřebovat srbské znaky cyrilice; pokud reprodukujete shromážděné Shakespeareovy díla, je nepravděpodobné, že budete potřebovat symbol @.
Chcete-li podmnožit písmo, budete potřebovat software pro úpravu písma. Existuje mnoho možností, které jsou k dispozici zdarma FontForge na prémii FontLab Studio. Chcete-li vytvořit podmnožinu verze písma, jednoduše vyberte glyf, který nechcete, a odstraňte ji a uložte soubor do složky projektu. (Dávejte pozor, abyste přepsali původní soubor písma!)
Plný soubor .ttf pro Adobe Garamond Pro je 606 kB. Odstraňuje je na základní latinské znaky a interpunkce snižuje na 56 kB. Vynásobte to přes několik závaží a stylů a ukládáte několik Mb ke stažení pro vaše uživatele.
Většina souborů písem, které jste nainstalovali, bude TrueType (.ttf) s otřepením OpenType (.otf). Můžete je uložit na server a zadat je ve vašem CSS.
Podpora formátu souborů .ttf a .otf je rozšířena ve všech moderních prohlížečích, s výjimkou IE (i nejnovější verze) a některých mobilních prohlížečů (včetně starších verzí systému iOS Safari).
Chcete-li zvýšit pokrytí, budete potřebovat několik dalších formátů. .eot pracuje pro IE, .woff bude pracovat pro většinu prohlížečů a je preferovaným formátem W3C, .svg bude pracovat na starších prohlížečích. Existuje celá řada webových služeb, které vám budou generovat tyto soubory z vašeho souboru .ttf, jednoho z nejoblíbenějších Písmo Squirrel's.
Nevýhoda s převodem písem na ploše pro online použití je dvojí: nejprve vám téměř určitě není uděleno oprávnění; a za druhé, písma na ploše jsou téměř vždy optimalizována pro tisk, jednoduše se na obrazovce nezobrazují dobře.
Slévárny fontů se nakonec probudili k tomu, že pro webfonty existuje obrovský trh. Výsledkem toho je, že nejenže zpřísnili licenci, ale pracují na optimalizaci svých katalogů pro obrazovky.
Slévárny dodávající vyhrazené webfonty poskytují všechny požadované formáty, kontrolují kvalitu a jsou připraveny k nahrání na váš server. A co víc, máte stále možnost volit podsložku souboru a nejste závislí na funkčnosti serveru třetí strany.
Existuje mnoho míst, kde si můžete zakoupit webfonty, dva z klíčových hráčů na poli FontShop.com a MyFonts.com .
Vracíme-li se k naší obtížnosti Garamond, můžeme vidět, že MyFonts mají v nabídce řadu různých verzí Garamond. Můžeme licenci Adobe Garamond v několika závažích, omezených na 250 000 zobrazení stránek, za přibližně 180 dolarů.
FontShop má také řadu webfontových verzí Garamond k dispozici. URW Garamond Web poskytuje každou váhu a styl, které bychom mohli chtít, a to vše s velkými 500 000 zobrazeními za měsíc. A co víc, FontShop je věnován subsetter optimalizovat své lesklé nové nákupy písem. Bohužel za to zaplatíte prémii, kolem 680 dolarů pro celou rodinu fontů.
Vlastní hosting umožňuje podmnožení. Zaručuje, že zůstanete v řízení dodávání písem a vyhnete se jakékoliv závislosti na serverech třetích stran.
A co víc, pokud kupujete profesionální webfont, můžete očekávat, že kvalita bude extrémně vysoká.
Self-hosting také apeluje na ty, kteří dávají přednost "vlastnit" naše fonty spíše než je pronajmout. Samozřejmě, z právního hlediska je vlastnictví vůbec málo, ale jednorázový poplatek sedí mnohem pohodlněji než předplatné pro mnoho lidí.
Jedinou nevýhodou vlastního hostingu je podstatná cena. Nejen, že budete muset zaplatit za písmo, ale možná budete muset zohlednit náklady na hostování a šířku pásma do vašich čísel.
Stejně jako služby Google Fonts, služby webfont poskytují písma našim prohlížečům prostřednictvím jednoduchého CSS. Na rozdíl od písma Google můžete vybrat z mnoha možností.
Existuje celá řada různých prodejců, z nichž si můžu vybrat, a zvláště se mi líbí Hoefler & Frere-Jones ' cloud.typography servis. Nicméně, stejně jako u mnoha menších prodejců, je jejich užitečnost zcela závislá na dostupnosti písma, které hledáte. Nejbližší písmo, které Hoefler & Frere-Jones může dodat, je Hoefler Text, nicméně pokud budeme platit prémii, nemusíme kompromisovat.
Největším hráčem v streamingu webfontu je Adobe Typekit . Kvalita fontů je velmi vysoká, implementace je jednoduchá a hlavně mají obrovský katalog, ze kterého si můžete vybrat.
Typekit nabízí řadu odběrů od 24,99 USD za rok za 50 000 zobrazení za měsíc na 99,99 USD ročně za 1 000 000 zobrazení za měsíc. Nicméně pokud jste členem služby Creative Cloud, plán portfolia je součástí vašeho odběru. což znamená, že pro většinu webových návrhářů je Typekit volným řešením.
Rychlé vyhledávání nám říká, že existuje několik verzí Garamond, včetně Adobe vlastní, k dispozici na typovém souboru. A je zde také velmi omezená funkce podmnožení, která nám umožňuje trochu snížit velikost souboru.
Webfont streamingové služby poskytují širokou škálu kvalitních fontů, které lze snadno přidat na vaše stránky.
V případě TypeKit, pokud jste již členem služby Creative Cloud, volný přístup z něj činí ještě atraktivnější možnost. Nicméně, pokud nejste členem, máte před sebou volbu mezi platbou podstatného předplatného a vázáním se na Adobe.
Mým principem, který se týká jakékoliv streamingové služby, je skutečnost, že jste zcela závislí na výkonu serveru třetí strany. Pokud jejich server klesne, tak je podstatná část vašeho brandingu.
Stejně jako u tolika věcí je odpověď: záleží na vašem projektu. Existují však některá rozhodnutí, která můžeme provést na základě našeho testu Garamond:
Stohování písem je záložní záloha, poskytuje řešení o značce, pokud a kdy soubory písem chybí, nebo jsou služby s datovým tokem pomalé. Mělo by se vždy provádět na jakémkoli místě, ale spoléhat se na ně, dokonce i pro něco tak běžného, jako je Garamond potenciálně nebezpečný.
Pokud hledané písmo je k dispozici bezplatně, ať už prostřednictvím písem Google, nebo máte-li například odběr služby Creative Cloud, je to dobrá volba. Vzhledem k tomu, že mám odběr Creative Cloud, byl bych touto cestou pokoušen, ačkoli by chyběl skutečný podsít.
Máte-li rozpočet, je samo-hosting profesionální webfont nejlepší volbou. Poměrně skromná cena - ve srovnání s fotografickými fotografiemi - je snadno odůvodněna obrovskou rychlostí zvyšování podsítě.
V průmyslovém odvětví, kde miniaturujeme soubory JavaScriptu, abychom ušetřili několik kb, holí stovkykrát, že částka z jednoho souboru je nevýrazná.
Doporučený snímek / náhled, stáhnout obrázek přes Shutterstock.