PRTech • Resursa de Tehnologie

Folosirea fonturilor CUSTOM

1. Se alege un font CUSTOM, sa spunem kindergarten_regular.ttf (atenţie, trebuie să fie un font freeware sau cumpărat).
2. Se uploadează pe siteul Font Squirrel pentru generarea pachetului cross-browser.
3. Se descarcă arhiva şi în folderul /fonts al site-ului
4. In fişierul de stil CSS, se introduce codul:
@font-face {
    font-family: 'KindergartenRegular';
    src: url('../fonts/kindergarten_regular-webfont.eot');
    src: url('../fonts/kindergarten_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kindergarten_regular-webfont.woff') format('woff'),
         url('../fonts/kindergarten_regular-webfont.ttf') format('truetype'),
         url('../fonts/kindergarten_regular-webfont.svg#KindergartenRegular') format('svg');
    font-weight: normal;
    font-style: normal;

Ce mi s-a părut intereresat este faptul că funcţionează inclusiv pe un browser precum IE6.