Google Fonts sa od svojho vývoja v roku 2010 stal hlavným zdrojom pre vlastnú webovú typografiu. 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ánka písma 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 znamienko „+“. Kliknite naň a otvorí sa bočné okno. Kliknite na „Vložiť“.
Teraz môžete kliknúť @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 zátvorky. Uistite sa, že ste uložili a pridali ste písmo.
Používanie PHP
Vykonajte niekoľko prvých krokov a skopírujte odkaz, ktorý získate po kliknutí na znamienko „+“. Teraz ho jednoducho pridajte do súboru header.php vašej témy. Nezabudnite uložiť, aby sa písmo pridalo.
Používanie funkcie Javascript
Môžete tiež vyskúšať niečo známe ako „zaraďovanie do poradia“. Na to budete musieť použiť funkciu wp_enqueue_style. Pomocou tejto metódy môžete pridať zvolené písmo do sekcie hlavičky všetkých vašich webových stránok. Je to skvelý spôsob, ako pridať viacero zmien naraz.
Stačí získať odkaz na písmo (od http až po ”) a pridať ho do súboru functions.php svojej témy s dodatočným kódom okolo. Tu je kód, ktorý budete musieť použiť:
funkcia custom_add_google_fonts() {
wp_enqueue_style( ‘custom-google-fonts’, https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, nepravda );
}
add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts');
Ktorákoľvek z týchto možností bude fungovať dobre na integráciu písma Google do vašej webovej lokality WordPress, takže je dôležité vybrať si tú, ktorá vám najviac vyhovuje.