Help with CSS and custom fonts in html

Bugbyte · 10-14-2009, 12:23 AM

Trying to use a custom font on a simple web page and it works except when I invoke the @font-face command it actually prints that on the page. Any CSS experts explain to me what I'm doing wrong here?

It's a page that displays a speedometer. Here's a link and the code follows:

Code:

@font-face {
        font-family: "TexasLED";
        src: url(/var/www/fonts/TEXASLED.TTF);
        format("truetype");
        }

<div style="background-image:url(/images/speedo.gif);
                background-repeat:no-repeat;
                width:400px;
                height:380px;">

<div style="position: absolute; top:160px; left: 120; width:200px;
        height:25px; font-family: TexasLED; font-size: 300%; color: #1589FF">

120 mph

</div>

colin · 10-14-2009, 12:47 AM

Your page is timing out.

coreyspeed · 10-14-2009, 04:03 AM

it should be this
<style>
font-face {
font-family: "TexasLED";
src: url(/var/www/fonts/TEXASLED.TTF);
format("truetype");
}
</style>

i think this is right ant done it for a while though

Bugbyte · 10-14-2009, 08:48 AM

Thanks, that was the trick! Funny that none of the tutorials mention the style tag. I guess I ought to learn a little more about CSS.

@colin - oops, I linked to my internal ip. Here's the working link.

hexxamillion · 10-14-2009, 10:08 AM

Quote: Originally Posted by Bugbyte

Thanks, that was the trick! Funny that none of the tutorials mention the style tag. I guess I ought to learn a little more about CSS.

@colin - oops, I linked to my internal ip. Here's the working link.

Yeah. Unless you developed an external stylesheet (.css file), which you do not include the <style> tag, you need to specify it in the normal html document so the computer knows what to do with it and how to display it.

User Name		Remember Me?
Password