potřebujete, aby vaše stránky vypadaly skvěle, a typografie je klíčovým faktorem v designu. Kde najdete bezplatná písma online v roce 2020, která podporují vysoký standard kvality?
věřím, že uživatelské rozhraní by mělo pouze to, co je nezbytné, a zároveň by tyto nezbytné prvky byly přitažlivé. Chceme dosáhnout optimální rovnováhy mezi minimalismem a vizuální přitažlivostí.
Udržujte to jednoduché, ale udělejte jednoduchý vzhled skvěle.
ale jak přesně vypadá simple?
odstraňte nepořádek a většina z toho, co zbývá, je kopie uživatelského rozhraní a textový obsah. Není to vzrušující, ale buďme upřímní: toto je nejdůležitější aspekt jakékoli aplikace nebo webu. Informace jsou celý důvod, proč uživatelé používají naši aplikaci nebo web.
Takže se správné písmo, spolu se správnými styly písma (viz Písmo vs. písmo: the ultimate guide), můžeme vytvářet vzory, které jsou poměrně jednoduché a atraktivní zároveň. To zdůrazňuje důležité aspekty návrhu, využívá méně zdrojů a vyvolává nejméně nežádoucí kognitivní zátěž.
typografie může být velmi silná.
ale jaké jsou nejlepší webové stránky s bezplatným písmem?
, Kde hledat fonty zdarma
Dribbble, Behance, Gumroad, a tak dále, jsou domovem pro spoustu skrytých drahokamů, ale to zahrnuje prosévání přes mnoho digitálních zdrojů, z nichž některé jsou neúplné straně podniků a „lite“ verze. Jak již bylo řečeno, ujistěte se, že jste záložku úžasné zdroje, pokud jste náhodou narazit na některý. Dokonce i Instagram vás může překvapit a Twitter by neměl být přehlížen.
to stranou, pojďme se podívat na nejlepší webové stránky s bezplatným písmem.
Google Fonts
Číslo jedna v tomto seznamu je samozřejmě Google Fonts, který jde nad rámec toho, co většina alternativ nabízí. Za prvé, Google Fonts nabízí rychlý a pohodlný CDN (content delivery network), takže je super snadné vložte si webový fontů do stránky, aniž by ve skutečnosti hosting.
Google fonty mohou být podmnožina tím, scénář a hmotnost, a také můžeme kontrolovat, jak jsou nahrány na Web nastavením font-display CSS vlastnost z embed kód je řetězec dotazu, který zlepšuje načítání stránky časy. (Článek CSS-Tricks o „Google Fonts and font-display“ vysvětluje, jak.)
Nevadí vám, self-hosting písma jsou lepší pro soukromí (protože je to cookieless) a rychlost (protože to nabízí vývojářům větší kontrolu). Ať tak či onak, Google Fonts má obrovský repertoár.
Creative Market
vím, co si myslíte: „Creative Market není zdarma, Danieli!“
Ahhh, ale co sekce volného zboží? Na bezplatném zboží je zajímavé, že se jedná o prémiová písma, která jsou dočasně zdarma. I když to není zaručeno, zahrnout písma, je svěží s šesti nový design aktiv každý týden (plus další tři, když se zaregistrujete a další tři, pokud budete trávit X výše aktiv).
každý týden kontroluji sekci zboží zdarma na Creative Marketu po celá léta a vybudoval jsem velké úložiště vysoce kvalitních písem, která nic nestojí. Svazky písma běží podobnou dohodu.
Font Squirrel
Font Squirrel je jako Unsplash, ale pro písma, i když vzhledem k tomu, jak je to dlouho (opravdu dlouho!), možná říká, že Unsplash je jako veverka písma, ale pro obrázky je přesnější! Jeden z veteránských webových stránek s bezplatným písmem vedle Dafont a Urban Fonts, i když „veverka“ je lepší.
ačkoli mnoho veteránských webů vypadá trochu zastarale, font Squirrel si ve srovnání se zbytkem udržel své webové stránky poněkud moderní. To také má pár velmi užitečných nástrojů:
- Webfont Generátor (převádí TrueType/OpenType písma do webfonts)
- Písmo Identifikátor (pro zjistit jméno písma, ze nahraný obrázek/screenshot)
FontSpace
FontSpace je jedním z hezčí stránky, i když to nabízí pouze fonty zdarma pro osobní použití, vzhledem k tomu, že Font Squirrel potvrzuje, že všechny jejich fonty jsou zdarma pro komerční využití. FontSpace nemusí být vždy vhodný.
písma
to, Co odlišuje Befonts od sebe, je jeho zaměření na zobrazení písma.
i když některé fonty nabízejí pouze lite/demo verze a dost často jen v TTF/OTF formátu (to znamená, že jsou méně vhodné pro Web), Befonts je jeden z mála webů, které nebere „máme všechno“ přístup (což může být ohromující občas). Kromě toho můžete vždy převést písma TTF a OTF na webová písma.
Písmo Obchod
Písmo Obchod není zaměření zcela zdarma na písma, jako je Font Squirrel a FontSpace, ale pořád je to poměrně slušné alternativu v případě volby jednoho do čtyř neměl, co jste hledali. Považuji to za nejméně uživatelsky přívětivé z možností, ale písma jsou relativně kvalitní.
Čestná uznání
následující volné písmo, webové stránky vypadat trochu zastaralé, a pravdivě některé z písma udělat stejně, ale jsou pravděpodobně jedny z největších databází fonty zdarma dnes:
- Dafont
- Městské Písma
- Fontsly
, Která formát písma potřebuji?
formáty písma OpenType (OTF) a TrueType (TTF) jsou standardem po opravdu dlouhou dobu a dodnes se v grafickém designu silně používají. Ale to bylo řečeno, WOFF formáty mají lepší kompresi na Webu (zejména WOFF2, která je nyní podporována v 94.49% webových prohlížečů podle caniuse.com). Ve skutečnosti, nový Google Písma vložte si kód, pouze nabízí WOFF2 formátu.
takže ve zkratce:
- WOFF2 pro web vloží
- TTF / OTF pro všechno ostatní
jaký styl písma potřebuji?
v dnešní době je to vlastně jedno, protože normy byly trochu vyhozeny z okna. Jako příklad lze uvést, že Patková písma mohou mít nyní moderní pocit (myslím médium).
Místo toho bychom se měli více zaměřit na přehlednost:
- Čitelnost (jak snadné je říct postav od sebe)
- Čitelnost (jak snadné je číst věty jako celku)
Některé to přijde na písmo samotné, tak jeden by měl být pozorný při rozhodování o tom, která písma se používají, ale jindy to přijde na to, jak písmo je styling (pokud jde o velikost, hmotnost, a tak dále).
V případě pochybností, WCAG 2.0 / 2.1 (Pokyny pro přístupnost webového obsahu) mají vše, co potřebujete vědět o typografii a jejích mnoha atributech, jako je řádkování, šířka čáry, výška čáry, velikost písma atd.
Závěr
Fonty jsou super užitečné, a jsou často vše, co je potřeba k dosažení správné množství vizuální a emocionální odvolání, aniž by kterým se na více a více vizuální nepořádek. Váš design stejně potřebuje text, tak proč z něj neudělat nejvýraznější aspekt?