• Ugrás az elsődleges navigációhoz
  • Skip to main content
  • Ugrás az elsődleges oldalsávhoz
  • Ugrás a lábléchez

Weboldal készítés

Weboldal, ami üzletet hoz

  • SEO
  • Webshop készítés
  • Blog
  • Kapcsolat

Gyönyörű betűtípusok ingyen – Google betűtípus helyes használata

Most itt vagy: Főoldal / Dizájn / Gyönyörű betűtípusok ingyen – Google betűtípus helyes használata

2018.12.09. by DeakAndras Szólj hozzá!

Google betűtípus – ha gyönyorű karakterek kellenek a honlapoda

Google betűtípusokTöbb száz ingyenes Google betűtípus közül választhatsz. Itt biztos találsz olyat, ami tetszik: Betűtípus lista

Csak egyre kell vigyázni: helyesen kell használni.

 

Miért fontos a Google betűtípus helyes használata?

Nem minden böngésző tudja megfelelően kezelni a Google által ingyenesen nyújtott karakterkészletet.

Több ügyfelem is belefutott már a problémába, hogy a Google betűtípus jól működött Chrome-on (ez nem meglepő, hiszen ez a Google böngészője), de nem működött Safarin, vagy Internet Exploreren.

Ha a Google font-ot megfelelően illeszted be a weboldaladba, szuperül fog működni az egész, és a látogatóid bármilyen böngészőt is használnak, gyönyörű karaktereket fognak látni.

 

Hogyan illesztehető be helyesen a Google font?

1. lépés: kód beillesztése a functions-php-be

Az alábbi kódrészletet illeszd be a functions.php végére:

function wpb_add_google_fonts() {
wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300', false );
}
add_action( 'wp_enqueue_scripts', 'wpb_add_google_fonts' );

Mivel sok féle rendszer és sok féle sablon van, figyelj mindenképpen, hogy ne a szülő sablon beállításait módosítds. Mingig a gereke sablonban dolgozz. Ellenkező elsetben, a szülő sablon frissítése esetén pont minden belállításod el fog veszni, és kezdheted az egészet előlről.

2. lépés: a Google link átírása arra, ahol az általad választott betűtípus található

betűtípus kiválasztásaAmikor kiválasztottad a megfelelő betűtípust, a jobb felső sarokban található + jelre kell kattintanod a kiválasztáshoz. Ezek után meg kell nyitnod a betűtípus ablakát, és már látható is lesz a betűtípus linkje. A mellékelt képen kékkel ki van emelve.

A kiemelt részt a fenti kódba kell illeszteni, és már csak egy mentés, és kész is.

Innentől a weboldal készítés során a CSS beállítások bármelyikében használhatod a betűtípust, és garantált, hogy bármilyen böngészőben tökéletesen fog működni.

Még egy tipp a Google betűtípusokkal kapcsolatban:

Csak olyan betűtípust állíts be, amit tényleg használni is fogsz. Ha túl sok betűtípust és túl sok variációt (félkövér, dőlt, stb.) állítasz be, az lassítani fogja az oldalad.

A szép betűkön kívül az oldal betöltési sebessége is nagyban hozzájárol a felhasználói élményhez, ezért ezt a szempontot ne téveszd szem elől.

 

Ha nem tudod pontosan, milyen betűtípust szeretnél, de láttad már egy képen, vagy akárhol a weben, itt találsz eszközket arra, hogy akár kép alapján is fel tudd ismerni a betűtípust.

 

Írd meg, neked melyik a kedvenc Google betűtípusod!

Dizájn,  Weboldal készítés

Reader Interactions

Vélemény, hozzászólás? Kilépés a válaszból

Hozzászólás küldéséhez be kell jelentkezni.

Elsődleges oldalsáv

Legutóbbi bejegyzések

  • Egyre magasabbak a SEO árak. Hogyan spóroljunk ésszel és hatékonyan?
  • ShopRenter vagy WordPress WooCommerce? Melyiket válasszam?
  • Google weboldal regisztráció – Első lépés a weboldal optimalizálás terén
  • Mitől sikeres egy vállalkozói weboldal?
  • Az 5 legjobb online betűtípus felismerő

Dolgozzunk együtt!

 

Vedd fel velünk a kapcsolatot és oszd meg velünk elképzeléseidet.

 

Üzenetedre egy napon belül válaszolunk.

 

 

Footer

Közösségi Média

Kövessen minket közösségi media oldalainkon.

  • Facebook
  • LinkedIn
  • Pinterest
  • Twitter

Kapcsolat

WEBKAPU
Bölcső u. 7.
Get Directions
info@webkapu.hu
Mo,Tu,We,Th,Fr 09:00 – 18:00; Sa 10:00 – 16:00

Navigáció

  • Honlap készítés
  • Partnereink
  • Kapcsolat
  • Repterek forgalma
  • Weboldal készítés országosan

Hírlevél

Iratkozzon fel, hogy naprakész maradjon!

© 2023 · WEBKAPU