Vkládání písem Google do webu WordPress

Google Fonts se stal hlavním zdrojem pro vlastní webovou typografii od svého vývoje v roce 2010. Existují tři hlavní důvody, proč se zde Google stal průkopníkem. Za prvé, neexistovaly žádné služby písem, které by byly dostatečně slušné, takže Google zaplnil prázdnotu. Za druhé, i na začátku byla rozmanitost, kterou nabízeli, poměrně velká. V současné době je k dispozici více než 800 písem v mnoha stylech. Za třetí, tato písma jsou k dispozici zdarma, což je činí obzvláště atraktivními.

Navíc je lze překvapivě snadno integrovat do vašich designových projektů. Ukážeme vám, jak můžete tato písma Google zahrnout do svého webu WordPress.

Písma Google

Chcete-li začít, musíte vybrat písmo, se kterým chcete pracovat. Existuje celá řada možností, takže máte na výběr z poměrně velkého menu. Najdete je tak, že přejdete na stránku písem společnosti  Google . Pokud hledáte konkrétní písmo, jednoduše zadejte název písma do pole Hledat a měl by vám přijít vzorek.

Existují také další parametry vyhledávání, které můžete použít. Přímo pod vyhledávacím polem je tlačítko s názvem Kategorie. Pokud na to kliknete, zobrazí se rozbalovací nabídka s pěti možnostmi. Jedná se o následující:

• Serif – Jsou to písma s krátkými čarami vycházejícími z horních a dolních tahů písmene. Times New Roman a Sylfaen jsou dobrými příklady.
• Sans Serif – Jak název napovídá, jedná se o fonty bez těch malých linek. Mívají jednoduchou a čistou estetiku.
• Displej – Toto jsou písma, která lze nazvat poutavým písmem. Jsou vhodné spíše pro nadpisy než pro dlouhý text.
• Ruční psaní – Tato písma působí, jako by je někdo psal ručně. Zjistíte, že mnoho z nich je psáno kurzívou nebo mají méně konzistentní mezery.
• Monospace – Stejně jako u psacího stroje mají jejich písmena stejnou horizontální šířku. Jsou velmi důsledně rozmístěny.

Kromě toho máte na výběr také další možnosti, například výběr jazyka a vlastností písma. Ten zahrnuje počet stylů, tloušťku, sklon a šířku.

Vkládání písem do WordPressu

Pokud chcete na svůj web WordPress zahrnout tato jedinečná písma, můžete vyzkoušet několik metod.

Pomocí CSS

Klikněte na písmo z výběru Google a dostanete se na stránku s podrobnými písmy. V pravém horním rohu je znak „+“. Klikněte na to a otevře se boční okno. Klikněte na „Vložit“.

Nyní můžete kliknout na @import. Tím se otevře kód CSS, který potřebujete zkopírovat. Přejděte na šablonu stylů vašeho motivu WordPress a vložte ji na začátek. Ujistěte se, že jste zkopírovali odkaz na import bez souboru