Teljes értékű megoldás ez, mivel ez lefedi az összes böngészőt, amelyik támogatja az egyedi betűtípusok használatát :
@font-face {
font-family: "FontName";
src: url('fontfile.eot');
src: url('fontfile.eot?iefix') format('eot'),
url('fontfile.svg#FontName') format('svg'),
url('fontfile.ttf') format('truetype'),
url('fontfile.woff') format('woff');
}
--------------------------------------------------------------------------
Másik verzió:
Egyedi font alkalmazására az alábbi módszer:
1,/ Ha nincs, akkor létrehozol egy font könyvtárat
2,/ A könyvtárba másolod az alkalmazni kívánt fontot (fontokat)
3,/ A CSS-be
@font-face
{
font-family: "yoav";
src: url("../font/YOAVCRG_.ttf")
}
.yoav{
font-family: yoav;
font-size: 40px;
font-weight: normal;
color: #333666;
text-decoration: none;
}
A megoldás a css @font-face tag, csakhogy a különböző böngészők nagyon sok féle módon értelmezik, és szinte más-más formátumban várják el a webes fontot. Ez egy nagyon jó FontFace css generátor (klikk ide) , és elkészíti neked a betűtípusodból az egyedi formátumokat is, amiket a böngészők kérnek. Javaslom hogy használd ezt, a kézzel szerkesztés helyett.
A Cufón egy Java Script alapú egyedi font rajzoló. Előnye hogy minden JS-t futtató böngészőben működik egyetlen kódként, de cserébe nagyon lassú, és a vele kirajzolt szöveget utána nem lehet kijelölni, a böngésző képként kezeli.
|