Google Fonts beágyazása a WordPress webhelybe

Google Fonts beágyazása a WordPress webhelybe

A Google Fonts 2010-es kifejlesztése óta az egyéni webes tipográfia fő forrásává vált. Három fő oka van annak, hogy a Google itt lett az éllovas. Először is, nem voltak elég tisztességes betűtípus-szolgáltatások, így a Google kitöltötte az űrt. Másodszor, az általuk kínált változatosság már az elején is viszonylag nagy volt. Jelenleg több mint 800 betűtípus áll rendelkezésre számos stílusban. Harmadszor, ezek a betűtípusok ingyenesen elérhetők, így különösen vonzóak.

Ezenkívül meglepően könnyen integrálhatók a tervezési projektekbe. Megmutatjuk, hogyan helyezheti el ezeket a Google betűtípusokat a WordPress webhelyén.

Google Fonts

A kezdéshez ki kell választania azt a betűtípust, amellyel dolgozni szeretne. Számos lehetőség áll rendelkezésre, így meglehetősen nagy menüből választhat. Megtalálhatja őket a  Google betűtípus-oldalára lépve . Ha egy adott betűtípust keres, egyszerűen írja be a betűtípus nevét a Keresés mezőbe, és megjelenik egy minta.

Vannak más keresési paraméterek is, amelyeket használhat. Közvetlenül a keresőmező alatt található a Kategóriák gomb. Ha erre kattint, megjelenik egy legördülő menü öt lehetőséggel. Ezek a következők:

  • Serif – Ezek a betűtípusok rövid vonalakkal, amelyek a betű felső és alsó vonásaiból erednek. A Times New Roman és a Sylfaen jó példa erre.
  • Sans Serif – Ahogy a neve is sugallja, ezek olyan betűtípusok, amelyekben nincsenek kis vonalak. Általában egyszerű és letisztult esztétikával rendelkeznek.
  • Kijelző – Ezeket nevezhetjük figyelemfelkeltő betűtípusoknak. A legjobbak a címsorokhoz, mint a hosszú szövegekhez.
  • Kézírás – Ezek a betűtípusok úgy tűnik, mintha valaki kézzel írta volna őket. Látni fogja, hogy sok kurzív, vagy kevésbé következetes szóközök.
  • Monospace – Az írógéphez hasonlóan a betűik azonos vízszintes szélességet foglalnak el. Nagyon egyenletesen helyezkednek el.

Ezeken kívül más lehetőségek közül is választhat, például a Nyelv és a Betűtípus tulajdonságait. Ez utóbbi magában foglalja a stílusok számát, vastagságát, dőlését és szélességét.

Betűtípusok beágyazása a WordPressbe

Ha ezeket az egyedi betűtípusokat szeretné felvenni WordPress-webhelyére, több módszert is kipróbálhat.

CSS használata

Kattintson a Google által kiválasztott betűtípusra, és a részletes betűtípus-oldalra kerül. A jobb felső sarokban egy „+” jel található. Kattintson rá, és megnyílik egy oldalsó ablak. Kattintson a „Beágyazás” gombra.

Most kattintson az @import gombra. Ez megnyitja a CSS-kódot, amelyet másolni kell. Nyissa meg a WordPress-téma stíluslapját, és illessze be az elejére. Győződjön meg arról, hogy az importálási hivatkozást a 


Hogyan lehet rákényszeríteni a Google Chrome-ot, hogy mindig teljes URL-eket mutasson

Hogyan lehet rákényszeríteni a Google Chrome-ot, hogy mindig teljes URL-eket mutasson

A Chrome alapértelmezés szerint nem mutatja meg a teljes URL-t. Lehet, hogy nem törődik túl sokat ezzel a részlettel, de ha valamilyen oknál fogva meg kell jelenítenie a teljes URL-t, lásd: Részletes utasítások arról, hogyan állíthatja be a Google Chrome-ot a teljes URL-cím megjelenítésére a címsávban.

Hogyan lehet visszaszerezni a régi Reddit-et

Hogyan lehet visszaszerezni a régi Reddit-et

A Reddit 2024 januárjában ismét megváltoztatta a dizájnt. Az újratervezést az asztali böngészők felhasználói láthatják, és szűkíti a fő hírfolyamot, miközben linkeket biztosít

A Starbucks alkalmazás nem működik? 9 módszer a javításra

A Starbucks alkalmazás nem működik? 9 módszer a javításra

Problémákat tapasztal a Starbucks alkalmazás használatával Apple iPhone vagy Android telefonján? Előfordulhat, hogy az alkalmazásban technikai hibák vannak, vagy az internetkapcsolat nem működik.

Nem tud regisztrálni a ChatGPT-re? 9 Kipróbálandó javítás

Nem tud regisztrálni a ChatGPT-re? 9 Kipróbálandó javítás

Izgatottan várod a ChatGPT-t, az OpenAI által kifejlesztett forradalmian új mesterséges intelligencia (AI) chatbotot? Ha regisztrál egy ChatGPT-fiókra, akkor kihasználhatja ezt a hihetetlen nyelvi modell erejét, és felfedezheti annak végtelen lehetőségeit.

Hogyan oszthat meg YouTube-videókat az Instagram-történetében

Hogyan oszthat meg YouTube-videókat az Instagram-történetében

Érdemes lehet YouTube-videóit megosztani az Instagramon, hogy növelje márkáját és elköteleződést generáljon, de hogyan oszthatja meg YouTube-videóit az Instagram Story-ban. Nem lehet közvetlenül megosztani YouTube-videót az Instagram Story-ban, de van mód ennek megkerülésére.

Hogyan kommentáljunk GIF-eket az Instagram-bejegyzésekhez

Hogyan kommentáljunk GIF-eket az Instagram-bejegyzésekhez

Néha csak egy GIF segítségével érheti el, hogy mit szeretne mondani, és a megfelelő kiválasztása mulatságos eredményeket hozhat. Valószínűleg már tudja, hogyan kell GIF-eket küldeni a Snapchaten, és hogyan kell GIF-et közzétenni a Facebookon, az Instagramon, a Redditen és a Twitteren, de tudtad, hogy az Instagram-bejegyzésekhez is használhatsz megjegyzés GIF-eket.

A Steam elakadt a fiók csatlakoztatásakor? 9 módszer a javításra

A Steam elakadt a fiók csatlakoztatásakor? 9 módszer a javításra

Ha a Steam kliens elakad a „Steam fiók csatlakoztatása” oldalon, akkor azt fogod tapasztalni, hogy nem tudsz túllépni ezen a képernyőn, bármit is csinálsz. A Steam különböző okok miatt jeleníti meg ezt a hibát, beleértve az alkalmazás saját rossz fájljait is.

A Google Pay nem működik? 10 kipróbálható javítás

A Google Pay nem működik? 10 kipróbálható javítás

A Google Pay megkönnyíti az érintés nélküli fizetést azáltal, hogy otthon hagyhatja a pénztárcáját, és Google Pixel készülékével fizethet. A probléma az, hogy a Google Pay időnként leáll.

A PS5 DualSense vezérlő akkumulátorszintjének ellenőrzése

A PS5 DualSense vezérlő akkumulátorszintjének ellenőrzése

Képzelje el a legrosszabb forgatókönyvet: egy teljes harc kellős közepén áll, és csapattársaival együtt kinyírja az ellenségeket balról, jobbról és középről, majd… a PS5 DualSense kontroller akkumulátora lemerül. Ha csak egy kontrollere van, akkor vezetékes módban kell játszania, vagy meg kell várnia, amíg a kontroller feltöltődik.

Hogyan nézheted meg, ki üldözi a Facebook-profilodat

Hogyan nézheted meg, ki üldözi a Facebook-profilodat

Azt mondják, a kíváncsiság ölte meg a macskát, de néha szeretné tudni, hogy ki nézte meg Facebook-profilját, fényképeit, bejegyzéseit és személyes adatait. Szeretné tudni, hogyan nézheti meg, ki üldözi a Facebook-profilját.