Google Webfontok
Használatának bemutatása
Létrehozva: , Utolsó módosítás:
A Google Webfonts használatával kibővíthető a meglévő, esetleg unalmasnak vélt fontkészlet. Nem szükséget letölteni semmilyen állományt, elég megadni a fontkészlet elérési útvonalát. Az összes font elérhető és szabadon felhasználható bárki számára. Ezek a nyílt forráskódú webfontok a Google szervereiről érhetők el és közvetlen onnan meghívhatók.
Arra kell odafigyelni, hogy nem mindegyik fontkészlet támogatja az összes magyar karaktert. Van amelyiknél egyáltalán nem létezik ékezetes betű, és van, ahol csak a hosszú ő és ű nem elérhető. Az ilyen nem támogatott karakterek esetén egy nem odaillő karakter fog megjelenni.
Ezt a kódot a <head> </head> részben kell elhelyezni.
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine" />
Ezután már lehet használni a <head> részben meghívott betűtípust, azaz definiálni a font-family-t. Szebb a szöveg megjelenése, ha nagy a szöveg mérete és ki van hagyva néhány képpontnyi hely a karakterek között.
font-family: 'Tangerine', serif;
font-size: 48px;
letter-spacing: 2px;
Ezután lehet írni valamit:
<p>Weblapguru</p>
Az oldalon ez az alábbi módon fog megjelenni.
Weblapguru
Az ehhez tartozó forráskód:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<p>Weblapguru</p>
</body>
</html>
Óvatosan a használattal, ugyanis nem minden magyar karakter támogatott, így előfordulhat, hogy a Menü szót még szépen írja ki, de a Főoldal szó már csúnyán jelenik meg.
Menü Főoldal
Példa webfontok
Reenie Beanie webfont
Weblapguru (áéíóöőúüű)
Tangerine webfont
Weblapguru (áéíóöőúüű)
Neuton webfont
Weblapguru (áéíóöőúüű)
Neucha webfont
Weblapguru (áéíóöőúüű)
Josefin Sans Std Light webfont
Weblapguru (áéíóöőúüű)
Philosopher webfont
Weblapguru (áéíóöőúüű)
Lobster webfont
Weblapguru (áéíóöőúüű)
Cardo webfont
Weblapguru (áéíóöőúüű)
A teljes fontlista a Google oldalán érhető el: Google Font Directory
Böngészők webfont-támogatása:
