Google Fonts sa stal hlavným zdrojom pre vlastnú webovú typografiu od svojho vývoja v roku 2010. Existujú tri hlavné dôvody, prečo sa tu Google stal lídrom. Po prvé, neexistovali žiadne služby písiem, ktoré by boli dostatočne slušné, takže Google zaplnil medzeru. Po druhé, už na začiatku bola rozmanitosť, ktorú ponúkali, pomerne veľká. V súčasnosti je k dispozícii viac ako 800 písiem v mnohých štýloch. Po tretie, tieto písma sú k dispozícii zadarmo, vďaka čomu sú obzvlášť atraktívne.
Navyše sa prekvapivo ľahko integrujú do vašich dizajnérskych projektov. Ukážeme vám, ako môžete tieto písma Google zahrnúť do svojho webu WordPress.
Google Fonts
Ak chcete začať, musíte si vybrať písmo, s ktorým chcete pracovať. Existuje množstvo možností, takže máte na výber pomerne veľké menu. Môžete ich nájsť tak, že prejdete na stránku Písma spoločnosti Google . Ak hľadáte konkrétne písmo, jednoducho zadajte názov písma do poľa Hľadať a mal by vám prísť vzor.
Môžete použiť aj ďalšie parametre vyhľadávania. Hneď pod vyhľadávacím poľom je tlačidlo s názvom Kategórie. Ak na to kliknete, zobrazí sa rozbaľovacia ponuka s piatimi možnosťami. Sú to tieto:
- Serif – Sú to fonty s krátkymi čiarami vychádzajúcimi z horných a dolných ťahov písmena. Times New Roman a Sylfaen sú dobrými príkladmi.
- Sans Serif – Ako už názov napovedá, ide o fonty bez tých malých čiar. Majú tendenciu mať jednoduchú a čistú estetiku.
- Displej – Toto sú písma, ktoré možno nazvať priťahovaním pozornosti. Sú najlepšie pre nadpisy, nie pre dlhý text.
- Ručné písanie – Pri týchto typoch písma to vyzerá, akoby ich niekto napísal rukou. Zistíte, že mnohé sú v kurzíve alebo majú menej konzistentné medzery.
- Jednopriestorové – Rovnako ako na písacom stroji, ich písmená zaberajú rovnakú horizontálnu šírku. Sú veľmi dôsledne rozmiestnené.
Okrem toho máte na výber aj ďalšie možnosti, napríklad výber vlastností jazyka a písma. Ten zahŕňa počet štýlov, hrúbku, sklon a šírku.
Vkladanie písiem do WordPress
Ak chcete zahrnúť tieto jedinečné písma do svojej stránky WordPress, môžete vyskúšať niekoľko spôsobov.
Používanie CSS
Kliknite na písmo z výberu Google a dostanete sa na podrobnú stránku písma. V pravom hornom rohu je znak „+“. Kliknite naň a otvorí sa bočné okno. Kliknite na „Vložiť“.
Teraz môžete kliknúť na @import. Tým sa otvorí kód CSS, ktorý musíte skopírovať. Prejdite na šablónu so štýlmi vašej témy WordPress a vložte ju na začiatok. Uistite sa, že ste skopírovali odkaz na import bez súboru