How to embed fonts in webpages?

Discussion in 'Design and Graphics' started by GoodWatch, May 14, 2008.

  1. GoodWatch macrumors 6502a

    GoodWatch

    Joined:
    Sep 22, 2007
    Location:
    Rotterdam, The Netherlands
    #1
    I'm working on a new site in which I use special tft fonts, like typewriter and rubber stamp. Of course the fonts are replaced when the pages are viewed on a PC or Mac that doesn't contain the fonts. Is there a way to embed those fonts? Thanks in advance.
     
  2. kgarner macrumors 68000

    kgarner

    Joined:
    Jan 28, 2004
    Location:
    Utah
    #2
    The only browser that supports downloadable fonts is Safari 3. The only real option is to use image replacement techniques. If you need them generated dynamically the sIFR method does a good, job, but it's a bit of a pain to set up.
     
  3. GoodWatch thread starter macrumors 6502a

    GoodWatch

    Joined:
    Sep 22, 2007
    Location:
    Rotterdam, The Netherlands
    #3
    It is a real pain to me as it ruins the effect. What kind of fonts do you see?

    www.hangar4.tk

    The frontpage should show stencil fonts and the text on page 2 under 'Me' should be a typewriter font. I'm about to quit altogether :mad:
     
  4. wheezy macrumors 65816

    wheezy

    Joined:
    Apr 7, 2005
    Location:
    Alpine, UT
    #4
    Downloadable fonts is a CSS 3 feature and right now Safari 3 is the only live version that supports it, although I think the next Firefox is going to which is cool. Sadly, the majority browser is made by the idiots in Redmond and won't adopt it for years. SO, your only bet is images. You lose SEO value and gain page load time but if you really want to use those fonts, that's your best cross-browser choice.

    It's a sucky answer but web progress is one beast to keep track of.
     
  5. pujapuri macrumors newbie

    Joined:
    Jan 18, 2008
    Location:
    Pune
    #5
    I heard about @font-face doing that about a year ago but I'm not sure if that would work.
     
  6. mnkeybsness macrumors 68030

    mnkeybsness

    Joined:
    Jun 25, 2001
    Location:
    Moneyapolis, Minnesota
    #6
    As previous posters have said, that property isn't implemented in all browsers yet. sIFR is definitely your best option at this point, but it will take some technical knowledge of editing HTML.
     
  7. GoodWatch thread starter macrumors 6502a

    GoodWatch

    Joined:
    Sep 22, 2007
    Location:
    Rotterdam, The Netherlands
    #7
    Thanks for all replies :D I've investigated sIFR and even generated three (Flash) fonts only to discover that those fonts are only useful for banners and titles, not for plain text. I thus abandoned the whole idea and settled for a compromise.
     

Share This Page