Wordpress

15 nejlepších písem Google podle čísel v roce 2021 (plus tipy, jak je používat)

Zdarma (v době psaní tohoto článku) je k dispozici 1052 různých rodin písem Google. To je spousta možností! Není tedy divu, že potřebujete pomoc s hledáním jehly v kupce sena se seznamem nejlepších písem Google.

Máme to pro vás a pak se také podělíme o některé osvědčené postupy pro používání písem Google ve WordPressu.

Výběr písma je více než jen estetická volba – může mít podstatný vliv na míru okamžitého opuštění a míru konverze vašeho webu, zvláště pokud zvolíte písmo, které je špatně čitelné. Proto se vyplatí věnovat trochu času výběru dokonalé rodiny písem Google pro váš web, než používat první písmo, se kterým se setkáte.

Pokud potřebujete ještě více písem, podívejte se na náš příspěvek o 50+ moderních písmech k použití na vašem webu WordPress.

Proč používat písma Google?

Na internetu jsou tisíce úložišť písem, takže co přesně dělá písma Google tak zvláštní?

Katalog písem Google.
Katalog písem Google.

Za prvé, je to zdarma! Kromě toho jsou písma Google spravována a dodávána společností Google, což znamená, že jsou zaručeně bezpečné. Samozřejmě existuje spousta pochybných webů, kde si můžete stáhnout bezplatná písma, ale kdo ví, co ještě s těmito soubory získáte?

Kvalita písem na takových webech může být také někdy sporná.

Google vybral výběr více než tisíce vysoce kvalitních písem. Když nejste grafik s dokonalým okem pro typografii, je to bezpečnější volba.

Za druhé, neexistují žádná spletitá licenční omezení. Všechna písma v katalogu Google Fonts jsou open source a jsou zdarma k použití v komerčních projektech. Můžete si je stáhnout nebo vložit na své stránky a dokonce je můžete použít v tiskových projektech.

Ačkoli neexistuje žádná jednotná licence, většina písem v úložišti používá Open Font License.

Open Font License.
Open Font License.

Ostatní „bezplatná písma“ jsou zřídkakdy zdarma a přicházejí s celou řadou matoucích licenčních omezení, která by vás mohla dostat do horké vody, pokud uděláte chybu. Bohužel, Google Fonts nepřichází se stejným zavazadlem.

A konečně je snadné přidat Google Fonts na váš web pomocí Google Fonts API. Případně si je můžete stáhnout jednotlivě a nahrát je na váš webový server přes FTP/SFTP.

I když fonty Google bývají jednoduché a možná ne tak okázalé jako některá placená písma, rozhodně překonávají fonty bezpečné pro web, které jsou předinstalované v hlavních operačních systémech, stejná písma, která už každý viděl tisíckrát.

Zdarma je k dispozici 1052 různých rodin písem Google... už se cítíte ohromeni? 🤯 Zúžit výběr pomocí nápovědy z tohoto příspěvku 👇Kliknutím Tweet

Co hledat v písmu Google

Pokud byste se při navrhování webu měli něco naučit, je to, jak vybrat písmo Google, které je vhodné pro váš projekt. Dobrá typografie váš web udělá nebo rozbije.

Může se to zdát jako nedůležitý detail, ale může to být rozdíl mezi tím, zda někdo váš web předčasně opustí, nebo se bude držet, aby se stal věrným čtenářem nebo zákazníkem.

Výběr správného písma je něco, čím se grafici tráví roky, ale pokud budete mít na paměti několik zásad, můžete si pro svůj web vybrat krásné písmo.

  • Vyhovuje vaší značce: Toto může být nejkritičtější aspekt. Nejlepší webové stránky mají písmo, které ukazuje jejich osobnost a přitom je stále čitelné a zapadá do současného designu. Například Apple a Iron Maiden používají výrazně odlišná písma, ale obě odpovídají jejich značce.
  • Čitelnost: Druhým nejdůležitějším principem je čitelnost. Podělaný fantazijní nebo výstřední font může jistě pasovat k vaší značce, ale pokud ho vaši návštěvníci neumějí přečíst, rychle odejdou. Vaše písma proto musí být profesionální a čitelná.
  • Klasifikace písma: I když existují stovky způsobů klasifikace písma, toto je pět hlavních typů: patkové, bezpatkové, písmo, jednoprostorové a dekorativní. Skriptové nebo patkové písmo dodává eleganci, zatímco jednoprostorová písma jsou populární na technických webech. Znalost těchto klasifikací vám poskytne lepší výchozí bod při hledání.
  • Displej nebo písmo těla: Zobrazená písma jsou určena pro velké velikosti, záhlaví nebo tiskové projekty. Mohou si dovolit být méně čitelné kvůli jedinečnému designu. Hlavní směrnicí pro body fonts je čitelnost, protože budou tvořit většinu vašeho webu.
  • Nálada a záměr: Stejně jako každé umělecké dílo umělci navrhují písma pro konkrétní nálady a nastavení. Většina písem je dodávána s poznámkami o tom, jak byly navrženy a jak je můžete používat. Použijte je k rozhodnutí, zda písmo vyhovuje vašemu projektu.

10 nejlepších písem Google v roce 2021 (podle moudrosti davů)

Jak tedy vytvoříte seznam nejlepších písem Google, když je toho tolik subjektivní? Nechceme, aby byl celý tento seznam zaujatý, a proto vyjdeme z dat a vytvoříme seznam nejoblíbenějších písem Google.

Použijeme analýzu písem Google, abychom důvěřovali moudrosti davů. S celkovým počtem více než 50 bilionů zobrazení písem má Google k dispozici jen málo dat.

Pak půjdeme trochu za hranice surového čísla popularity a vybereme některá nová písma HTML, která získávají na popularitě.

Připraven? Pojďme se ponořit!

1. Roboto

Roboto.
Roboto.

Dlouhotrvající místo číslo 1 a BehmasterZvolené písmo Roboto je bezpatková nabídka od Christiana Robertsona, kterou Google vyvinul jako systémové písmo pro Android. Nyní je masivně populární, přichází ve 12 různých stylech a v analýze Google Fonts se objevuje vícekrát.

Nejoblíbenějším písmem je například Roboto. Ale Roboto Condensed je také šesté nejoblíbenější písmo a Roboto Slab se také objevuje na čísle 12!

2. Open Sans

Otevřít bez.
Otevřít bez.

Open Sans Condensed je vysoce čitelné písmo vytvořené společností Google a inspirované jeho předchůdcem Droid Sans. Google používá Open Sans na některých svých webech a svých tištěných a webových reklamách. Open Sans Condensed, jeho sesterské písmo zde, také drží třinácté nejoblíbenější místo na Google Fonts.

3. Lato

Lato.
Lato.

Lato je další oblíbenou volbou od Łukasze Dziedzice. Za svým designem má docela příběh, vyvažuje protichůdné cíle, což má za následek jedinečné, lehké bezpatkové písmo.

4. Montserrat

Monstserrat.
Monstserrat.

Montserrat je bezpatkové písmo od Juliety Ulanovské, která žije ve stejnojmenné čtvrti Montserrat v Buenos Aires. S 18 různými styly, od lehkých po těžké, máte poměrně velký výběr.

5. Oswald

Oswald.
Oswald.

Oswald je bezpatkové písmo původně vyvinuté Vernonem Adamsem. Byl navržen s ohledem na výrazný alternativní gotický styl, který je patrný z jeho odvážných tahů.

6. Zdroj Bez Pro

Zdroj Sans Pro.
Zdroj Sans Pro.

Source Sans Pro je bezpatkové písmo vytvořené pro Adobe a první open-source písmo Adobe. Vyrobeno Paulem Huntem, díky světlému písmu je čisté a čitelné.

7. Slabo 27px/13px

Slabo.
Slabo.

Slabo je patkové písmo vyvinuté Johnem Hudsonem z Tiro Typeworks. Toto písmo je speciálně navrženo pro určité velikosti — buď 27px nebo 13px, v závislosti na vašich potřebách.

8. Raleway

Raleway
Raleway

S 18 různými styly je Raleway dalším bezpatkovým písmem z velké rodiny, které původně vytvořil Matt McInerney. Pokud máte rádi Raleway a hledáte něco jedinečného, ​​Raleway Dots nabízí podobný styl s tečkovaným přístupem, který může fungovat pro velké titulky.

9. PT Bez

PT Bez.
PT Bez.

PT Sans byl vyvinut pro veřejné typy Ruské federace a jako takový obsahuje znaky latinky i azbuky. V rodině PT je také několik dalších písem, včetně některých patkových možností.

10. Merriweather

Merriweather.
Merriweather.

Název Merriweather evokuje představu příjemného designu a přesně to jeho designéři zamýšleli. I když to není tak populární, Merriweather Sans je sesterský projekt, který se s ním výjimečně dobře hodí.

Bonusová písma + Up-And-Comers

Podle čísel je deset výše uvedených písem nejoblíbenějšími písmy Google. Ale pouze zobrazení nejoblíbenějších možností dělá medvědí službu skvělým novým fontům, která nebyla vystavena analýze.

Zde jsou některé z našich oblíbených, které se neobjevily na vrcholu analýzy.

11. Noto Sans / Serif

Noto Sans / Serif.
Noto Sans / Serif.

Noto je písmo vytvořené společností Google, které se dodává v patkové i bezpatkové verzi. Dostává pravidelné aktualizace a nyní existuje více než 100 písem Noto, přičemž další neustále přibývají!

Cílem Noto je pokrýt všechny abecedy a znaky z různých jazyků, přičemž jeho odlišný design je harmonický napříč stovkami různých rodin písem. Mezi tyto deriváty patří populární Noto Sans KR a Noto Sans JP.

12. Nunito Sans

Nunito Sans.
Nunito Sans.

Nunito Sans je bezpatková varianta, která rychle roste na popularitě. Jeho použití se mezi lety 2018 a 2019 ztrojnásobilo a každým rokem je populárnější.

13. Koncert jedna

Koncert jedna.
Koncert jedna.

Concert One je zaoblené groteskní písmo, které je hvězdnou volbou pro titulky. Jeho netradiční design jistě přitáhne oči.

14. Výzva

Výzva.
Výzva.

Prompt je bezpatková nabídka od thajské firmy Cadson Demak zabývající se komunikačním designem. Je bez smyčky (thajský ekvivalent sans-serif) a obsahuje jak thajské, tak latinské znaky.

15. Práce bez

Práce bez.
Práce bez.

Work Sans je bezpatkové písmo optimalizované pro použití na obrazovkách. Návrháři doporučují používat styly střední váhy pro cokoli od 14px do 48px.

Potřebujete bleskově rychlý, spolehlivý a plně bezpečný hosting pro váš web WordPress? Behmaster poskytuje toto vše a 24/7 prvotřídní podporu od odborníků na WordPress. Podívejte se na naše plány

Jak vytvořit nejlepší kombinace písem Google

Pokud jste si mysleli, že pokus o výběr jednoho písma z Google Fonts je těžký, počkejte, až se pokusíte spárovat je na svém webu! Naštěstí to není problém, který musíte vyřešit (pokud nechcete). Můžete použít několik způsobů, jak přijít s nejlepšími kombinacemi písem Google.

Za prvé, web Google Fonts sám navrhne oblíbené párování, pokud stránku posunete dolů:

Objevování populárních dvojic Google Fonts.
Objevování populárních dvojic Google Fonts.

Kromě toho můžete také použít web jako Font Pair k získání dalších návrhů.

Doporučené postupy pro používání písem Google na WordPress

Jakmile najdete perfektní písma pro svůj projekt, zde jsou některé osvědčené postupy pro používání písem Google na WordPress.

Omezte počet používaných tlouštěk písem

Některá z těchto písem – jako Montserrat a Raleway – se dodávají s 18 různými tloušťkami písem. I když je to dobré pro to, abyste měli možnosti, nechcete na svůj web WordPress načíst všech 18 závaží, protože to zpomalí dobu načítání.

Dodržování tohoto pokynu je velmi důležité!

U většiny písem je dobrým pravidlem používat maximálně tři váhy:

  • Pravidelný
  • Kurzívní
  • kolík

Mnoho webů WordPress, které dnes vidíme, dokonce přeskakuje kurzívu a používá pouze dvě různé tloušťky písma.

Pokud vkládáte písma Google sami, můžete si přesně vybrat, jaké váhy zahrnout. Nejprve přejděte na stránku písma a poté klikněte Vyberte tento styl vedle těch, které chcete.

Výběr písma v Google Fonts.
Výběr písma v Google Fonts.

Většina témat WordPress dnes obsahuje snadné způsoby, jak vybrat, která písma a váhy Google chcete použít. Ale ne všichni vývojáři motivů se zaměřují na výkon. V některých případech může být lepší zakázat písma Google ve vašem motivu a přidat je sami.

Také variabilní fonty začínají být populární a podporují je všechny moderní prohlížeče. Jsou úžasné, protože umožňují transformaci jednoho souboru písem s různými vlastnostmi. Google Fonts má spoustu variabilních písem, ze kterých si můžete vybrat, a můžete dokonce zúžit vyhledávání na konkrétní.

"Nastavení

Zvažte místní hostování písem Google

Alternativně k poskytování písem ze serveru Google můžete také hostovat písma lokálně, což nabízí výhody výkonu. Pamatujte však, že většina písem Google je pravděpodobně již uložena v mezipaměti prohlížečů uživatelů. Proto doporučujeme provést testy výkonu.

Pokud používáte prémiové písmo jiné než písma Google, například písmo „Brandon“, které používáme na Behmaster nejlepší cestou je hostovat je lokálně (a podávat je z vašeho CDN). Další informace o tomto tématu najdete v našich příspěvcích o tom, jak lokálně hostovat písma.

Vyberte písmo, které bude dostávat aktualizace

Písma jsou jako pluginy a motivy WordPressu – postupem času dostávají aktualizace a vylepšení, aby byly ještě lepší. A i když sázky nejsou zdaleka tak hrozné jako pluginy WordPress, může být stále výhodné vybrat písmo, které dostává pravidelné aktualizace. Například rodina Noto od Googlu dostává od roku 2014 pravidelné aktualizace.

Protože většina písem na tomto seznamu je populární, je pravděpodobně dobré, že každé písmo na tomto seznamu bude pravidelně aktualizovat a vylepšovat. A pokud se rozhodnete vynechat ze seznamu, ujistit se, že kterékoli zvolené písmo je dostatečně populární, aby přitáhlo pozornost, není nikdy špatný nápad.

Nezapomeňte na přístupnost

Podle údajů Světové zdravotnické organizace žije podle údajů shromážděných v roce 2015 odhadem 253 milionů lidí s poruchou zraku: 36 milionů je slepých a 217 milionů má středně těžké až těžké poškození zraku. Kromě toho se počet lidí s nějakou formou postižení od roku 2.2 zvýšil na 2021 miliardy.

Když používáte Google Fonts, můžete ovládat vzhled pomocí CSS, jako je barva a velikost. Nezapomeňte se tedy řídit pokyny pro zpřístupnění webového obsahu (WCAG) 2.0. Díky tomu bude váš obsah snadno dostupný pro každého.

Dodržování těchto pokynů zpřístupní obsah širšímu okruhu lidí s postižením, včetně slepoty a slabozrakých, hluchoty a ztráty sluchu, poruch učení, kognitivních omezení, omezeného pohybu, poruch řeči, fotosenzitivity a jejich kombinací. – Pokyny pro přístupnost webového obsahu (WCAG) 2.0

Jedním kritickým vodítkem je barevný kontrast. Naše písmo bylo příliš světlé na starším návrhu Behmaster a návštěvníci vyjádřili své obavy, protože to znesnadňovalo čtení. Poslední věc, kterou chcete udělat, je publikovat úžasný obsah, jen aby se stal zátěží pro oči lidí!

Můžete použít nástroj jako Color Contrast Checker od WebAIM, abyste zjistili, zda vaše barvy písem splňují oficiální doporučení. Můžete například vidět, že barvy na našich příspěvcích na blogu nyní prošly testem. 👍

Nástroj pro kontrolu kontrastu barev.
Nástroj pro kontrolu kontrastu barev. 

Jak přidat písma Google do WordPressu

Po výběru písma nebo dvou je posledním krokem jeho přidání na váš web. Díky Google Fonts je tento úkol ještě jednodušší než obvykle.

Předpokládejme, že chcete na svůj web dostat písmo. V takovém případě máte tři možnosti: nainstalovat plugin, jako je Easy Google Fonts nebo Google Fonts Typography, použít Google Fonts API k nahrání písma na váš web, nebo jej ručně stáhnout a hostovat na vašem webu.

Pokud potřebujete vědět, jak změnit písma ve WordPressu, sepsali jsme podrobného průvodce, který vám pomůže.

Výběr písma je více než jen estetická volba – může mít podstatný vliv na míru okamžitého opuštění a míru konverze vašeho webu 😲 Začněte zde ⬇️Kliknutím Tweet

Shrnutí

Písma Google jsou fantastická a používají je miliony webů. Díky nim je web příjemnější, otevřenější, rychlejší a přístupnější díky solidním principům typografie a ikonografie.

Abyste svým návštěvníkům zajistili lepší celkový dojem, doporučujeme, abyste se řídili osvědčenými postupy pro písma, jako je omezení tloušťky písem, místní hostování písem (v případě potřeby) a dodržování pokynů pro usnadnění.

Nyní k vám – jaké jsou vaše oblíbené fonty a dvojice písem z Google Fonts? Dejte nám vědět níže v komentářích a nezapomeňte si přečíst našeho podrobného průvodce fonty WordPress!

Související články

0 Komentáře
Vložené zpětné vazby
Zobrazit všechny komentáře
Tlačítko Nahoru