WP - Betűtípusok

**neo** · 2012-11-10, 18:46

Firebugot próbáltad? Stílus ablakban megmutatja azt is hogy az adott tulajdonság a CSS fájl hányadik sorában található.
Én ezt használom már régóta.

**T.Gergely** · 2012-11-10, 18:52

Hirtelen ezt találtam neked. Érdemes átnézned, hogy ne kelljen minden lépésnél kérdezned: hxxp://documentation.onlinesoft.hu/css/szintaktika

Persze kérdezz nyugodtan, ha elakadsz

**ToNick** · 2012-11-10, 19:01

Köszi mindkettőtöknek, Firebugot kipróbálom, a weboldalt pedig átolvasom, hogy elsajátítsam az alapokat.

**logo** · 2012-11-10, 19:31

Ha nem a G Webfontját szeretném használni, hanem a saját oldalamon szeretnék saját betűt (pl. MINTA.TTF) használni?
Miként kell módosítanom ezt a sort?

Kód:

<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,900,300italic,300,100,700italic' rel='stylesheet' type='text/css'>

**neo** · 2012-11-10, 19:36

Elvileg css-ben tudod definiálni, pl:
@font-face {
font-family: "Sajat.ttf";
src: url(ace.ttf);
}
Guglizz rá a "Css ttf" szó konbinációra, van több beállítás is.

**logo** · 2012-11-10, 19:43

Pár hete egyszer nekiugrottam, de nem jött össze.

Ez a sor, ahol definiálva van az a header.php.

Kód:

<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,900,300italic,300,100,700italic' rel='stylesheet' type='text/css'>

A css-ben pedig bárhol amikor megjeleníti, már csak úgy hivatkozik a betűtípusra mint "Lato".
Viszont enél a betűtpusnál a magyar ékezetekkel gond van. Ezt lecseréltem egy másik sans jelelgű G Webfontra. De szeretnék sajátot. A magyar ékezeteket meg bármilyen nem ékezetes családra rá tudom rakni.
Így a typoja az oldalnak sokkal jobban az arculathoz illeszkedne.

**neo** · 2012-11-10, 20:05

Nyisd meg a kódodban lévő linket (http://fonts.googleapis.com/css?fami...,100,700italic) böngészőben.
Így meg tudod nézni hogy mutat, jó példának is.

**logo** · 2012-11-10, 20:37

Nézegettem már a G Webfont mintáit. A betűtípus kiválasztáshoz is, hogy melyik milyen karaktereket tartalmaz.
De mivel amit használok egy kész sablon, itt a header.php-ban vannak ezek definiálva. A style.css-ben pedig már csak a névre hivatkozik.
Hogy hol milyen betűt és milyen betűméretet használjon.

Grafikusként azt a - számomra egyértelmű és működő - megoldást keresem, ahogy a fenti sort kellene módosítani. Arra amint a saját betűimet használhatnám a saját tárterületemről.
Utána miként hivatkozhatok a MINTA.TTF-re.

Az általad belinkelt formátumban nem használja (nem hivatkozik) a WP téma a használt G Webfontokra.

**Csurga** · 2012-11-10, 21:38

Miért nem húzod be kívülről a fontokat?

a style.css-be varrd be (a font csak példa):

PHP kód:

 @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro&subset=latin,latin-ext);

aztán a body-ba, vagy ahová szeretnéd (ismét példák):

PHP kód:

 body{
    font-family: "Source Sans Pro", Helvetica, Arial;
    font-weight:400;
    font-size:13.5px;
    line-height:21px;
}

Szerintem ez a legegyszerűbb, ráadásul a szerveredet is kíméli (viszont a betöltési idő megnőhet, ezt jelzi a google is, amikor kiválasztod a fontokat).

**ZoTyA1975** · 2012-11-10, 22:44

Vagy próbáld ki ezt: CodeAndMore @font-face made simple tool
Feltöltöd a font-ot, ő pedig legenerálja neked a html-t is, hogy minden böngészőben jó legyen. A végén egyben le tudod tölteni az egészet (benne a fontokkal együtt mindenféle formában).