Custom Fonts in CSS

  • Anonymous

    21 years, 10 months ago

    How do you use a custom font that most computers out there don’t have within your CSS file to make nice-looking text. I don’t want to make an image of the file as that would eat up significant bandwidth. Can I somehow upload the TTF file to a location and point to that within css font-family?
    Any help would be greatly appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • mattread

    (@mattread)

    21 years, 10 months ago

    Well, unfortunatly you can’t really do that. You can use a font face “at rule” in CSS, but browser support is very weak, if any at all. IE is the only one that has ok support. But here is how you would do it:
    @font-face {
    font-family: somerandomfontname;
    src: url(somefont.eot);
    }
    However you need to use an OpenType font, not True Type font. Microsoft’s WEFT software can convert TT fonts though.
    The best, and really only way to do this, is to use images. 🙁

    Thread Starter Anonymous

    21 years, 10 months ago

    thanks! I sure hope that the w3c pulls css-font markup to higher standards some time soon (and getting everyone to switch to browsers that support the new features)

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

The topic ‘Custom Fonts in CSS’ is closed to new replies.

  • 2 replies
  • 2 participants
  • Last reply from: Anonymous
  • Last activity: 21 years, 10 months ago
  • Status: not a support question