The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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

    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">


    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

    @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…


    # March 6, 2009 at 3:17 am

    only in CSS3

    not fully supported, however, you could use flir

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed