LJ howto...

Avagy: Hogyan legyenek egyedi betűk a journalodon?
FIGYELEM!!! Élesben még sosem írtam ilyen hogyan-témát, ez lesz az első, de igyekszem érthetően továbbadni tudásom morzsáit...
Néhány napja megfordult a fejemben, hogy jó lenne az alap betűkön kívül valami mást, valami szebbet használni itt az oldalon. Kerestem-kutattam és végül egy angol nyelvű bejezésre bukkantam, bár az csak a google webfontok használatát írta le. Kicsit továbbgondolva a dolgot azt hiszem megtaláltam a megfelelő megoldást bármely saját betűtípus alkalmazására.
Alapjáraton bármely típust használhatjuk, ami megvan a gépünkön, viszont ez egy kicsit bajos, ugyanis csak azok láthatják akik szintén rendelkeznek az adott font-tal. Ez az én esetemben erősen problémás, mivel hajlamos vagyok belenyúlni a betűkészletekbe. Erre az esetre is van azonban egy egyszerű megoldás...
1. Fel kell tölteni a font-ot egy tárhelyre, személyem esetében mediafire-re.

2. A livejournal layoutod css kódjának végére valami ilyesmit kell írnod:

@font-face {

font-family: FONT NEVE;

font-style: normal;

font-weight: 400;

src: local('FONT NEVE'), local('FONT NEVE'), url('http://A FONT URL-JE') format('FONT FORMÁTUMA');

}

A pirossal jelölt részeket mindenki magának tölti ki persze... a font neve, nos azt hiszem ez eléggé egyértelmű... a formátum helyére legtöbb esetben .ttf-et kell írni, de ez ugye a feltöltött fájl típusától függ... A font URL-je: ide az a link kell, amire kattintva közvetlenül letölthető a fájl. Ez lehet kis gondot okoz, inkább körbemagyarázom egy fotóval mediafire tárhely esetén:

   NEM az ehhez hasonló letöltési oldal linkje kell, hanem a fájlé. A pirossal megjelölt Download gombra jobb egérgombbal kattintva a lenyíló menüből válasszátok a Link vagy Hitvatkozás (böngészőföggő minek írja) másolását. Az így megkapott linket kell a font URL-jének helyére beírni. Végül mentés és kész.
   3. Ettől kezdve már bátran használhatjátok a css-ben az új fontot, viszont vigyázzatok rá, hogy pontosan a korábbi kódban megadott névvel hivatkozzatok rá, egyébként nem működik. Hogyan használd? Ez is egyszerű:
A css-ben annál a z elemnél, aminek meg szeretnéd változtatni a betűtípusát, egyszerűen csak a 
font-family:"FONT NEVE";
résznél írd át a font nevét az általad választottra.

Remélem hasznosnak bizonyul ez a kis leírás, és a módszer mindenkinél beválik majd :)