Grow your CSS skills. Land your dream job.

set specific TTF in CSS

  • # March 6, 2009 at 12:21 am

    hi all,
    i just registered css-tricks forum this morning :D
    i want to ask about how to set specific TTF in CSS
    i have searched in google and find the answers
    but when i do it, nothing happen, so i want to discuss it with css master here, pls help me ;)

    here the html code – INDEX.HTML

    Code:
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



    Donec ullamcorper fringilla eros.

    Fusce in sapien eu purus dapibus commodo. Cum sociis natoque penatibus et magnis dis parturient montes,
    nascetur ridiculus mus. Cras faucibus condimentum odio. Sed ac ligula. Aliquam at eros.
    Etiam at ligula et tellus ullamcorper ultrices.


    and here the css code – FONT.CSS

    Code:
    @font-face {
    font-family: “Pepsi”;
    src: url(pepsii.ttf) format(“truetype”);
    }

    h1 { font-family: “Pepsi”; }

    i put all files in 1 folder (index.html, font.css, pepsii.ttf)
    i am looking forward for your help, guys…

    regards,
    odil

    # March 6, 2009 at 3:17 am

    only in CSS3
    http://www.css3.info/preview/web-fonts-with-font-face/

    not fully supported, however, you could use flir http://facelift.mawhorter.net/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".