CSS: using TTF

Discussion in 'HTML & Website Design' started by Javver, Dec 21, 2009.

0
  1. #1
    i tried using the css line to use an uploaded TTF but its not working. how can i get this to work?

    <style type="text/css">
    @font-face {
    font-family: "Ace Crikey";
    src: url(http://www.location.com/font/ace.ttf);
    }


    Thanks
     
    Javver, Dec 21, 2009 IP
  2. Lex350

    Lex350 Notable Member

    Messages:
    1,889
    Likes Received:
    31
    Best Answers:
    0
    Trophy Points:
    215
    #2
    TTF? A TrueType fonts file. Or are you talking about a TIF file?
     
    Lex350, Dec 21, 2009 IP
  3. CodedCaffeine

    CodedCaffeine Peon

    Messages:
    130
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Above quote from:
    http://randsco.com/index.php/2009/07/04/p680

    Hope this helps :)
     
    CodedCaffeine, Dec 21, 2009 IP
  4. myst_dg

    myst_dg Active Member

    Messages:
    224
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #4
    You also need to convert the ttf file into eot, because IE only accepts eot font as the src of @font-face.
     
    myst_dg, Dec 21, 2009 IP
  5. Javver

    Javver Active Member

    Messages:
    72
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #5
    thank you!
    but how do i convert the ttf into eot
     
    Javver, Dec 22, 2009 IP
  6. Javver

    Javver Active Member

    Messages:
    72
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #6
    BTW i have this new script now and still not working. Im using IE6.

    <html>
<head>
<style> 
@font-face {  
    font-family: "Secret Code"; 
    src: url("/tools/secretcode.ttf") format("truetype"); 
} 
</style> 
<!--[if IE]> 
<style> 
    @font-face {  
        font-family: "Secret Code"; 
        src: url("/tools/secretcode.eot"); 
    } 
    </style> 
<![endif]--> 
<body>
<div style="font-family: testing"> 
Hello, Multiple Browser World! </div>
</body>
</html>
    HTML:
    any help will be appreciated

    thanks
     
    Javver, Dec 22, 2009 IP
  7. CodedCaffeine

    CodedCaffeine Peon

    Messages:
    130
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Wouldn't you want:

    <div style="font-family: 'Secret Code';">
    Code (markup):
     
    CodedCaffeine, Dec 23, 2009 IP
  8. myst_dg

    myst_dg Active Member

    Messages:
    224
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    58
    #8
    myst_dg, Dec 23, 2009 IP
  9. deeps.seo

    deeps.seo Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Use eot format, it will work
     
    deeps.seo, Dec 25, 2009 IP
  10. Javver

    Javver Active Member

    Messages:
    72
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #10
    Thanks guys, i appreciate it. will your suggestions...
     
    Javver, Dec 25, 2009 IP
  11. crvaseline

    crvaseline Member

    Messages:
    174
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    46
    #11
    thank you all , . . nice tips, . .
     
    crvaseline, Dec 27, 2009 IP