WEB Embedding external fonts?

Discussion in 'OT Technology' started by SmugZombie, Feb 3, 2010.

  1. SmugZombie

    SmugZombie OT Supporter

    Joined:
    Aug 2, 2006
    Messages:
    3,783
    Likes Received:
    0
    Location:
    Purgatory
    I feel stupid asking this... then I realized I have never come to this point in my sites before...

    I'm working on a local band's website... and they want a particular font. I found the font, however... I do not know how to tell my css where to find it to use it.

    Google isn't being all too helpful..

    I got this from google, but they originally used an .eof file

    Anyhelp?
     
  2. Insert Tokens

    Insert Tokens Making Cancer My Bitch OT Supporter

    Joined:
    Jan 12, 2006
    Messages:
    8,313
    Likes Received:
    70
    Location:
    Tasmania
    @font-face is still new (to most browsers), and only works with certain fonts with certain browsers..

    http://www.css3.info/preview/web-fonts-with-font-face/

    You're better off sticking to web-safe fonts for now, and only using special fonts in graphics.. at least for a little while longer until the browsers all play catchup :dunno:

    Or, if you MUST use it, look into font replacers like sIFR etc which effectively replace your text with graphics.
     
  3. Ricky

    Ricky █▄ █▄█ █▄ ▀█▄

    Joined:
    Jun 17, 2005
    Messages:
    38,767
    Likes Received:
    6
    html5 will have this
     
  4. tryfuhl

    tryfuhl New Member

    Joined:
    Oct 4, 2003
    Messages:
    75,450
    Likes Received:
    0
    Location:
    MD/DC Metro
    just use that font for a header or small block of text

    they're fucking musicians not designers
     
  5. pharmokan

    pharmokan OT Supporter

    Joined:
    Oct 18, 2002
    Messages:
    102,087
    Likes Received:
    402
    Location:
    L.A.
  6. pharmokan

    pharmokan OT Supporter

    Joined:
    Oct 18, 2002
    Messages:
    102,087
    Likes Received:
    402
    Location:
    L.A.
    isnt this @font-face thing promoting piracy of fonts?

    sure they're expensive and overpriced as fuck, but wouldnt this feature draw more heat on html5
     
  7. Mikenotmike

    Mikenotmike

    Joined:
    Jun 1, 2001
    Messages:
    6,244
    Likes Received:
    0
    Location:
    USA
  8. SmugZombie

    SmugZombie OT Supporter

    Joined:
    Aug 2, 2006
    Messages:
    3,783
    Likes Received:
    0
    Location:
    Purgatory
  9. SmugZombie

    SmugZombie OT Supporter

    Joined:
    Aug 2, 2006
    Messages:
    3,783
    Likes Received:
    0
    Location:
    Purgatory
    Thinkin i'm either going to do just headers, or say fuck it and make them choose a normal font.
     
  10. komplex

    komplex New Member

    Joined:
    Dec 28, 2009
    Messages:
    21,902
    Likes Received:
    0
    Location:
    United States USA Rep Power: 79,933
    I don't know if this helps, but what about using SiR, or SiF? It's called something along those lines.. Or if thise helps.

     
  11. Major Tom

    Major Tom OT Supporter

    Joined:
    Mar 10, 2003
    Messages:
    5,683
    Likes Received:
    0
    Location:
    England
    Try typeface.js
     
  12. MikeTheVike1

    MikeTheVike1 OT Supporter

    Joined:
    Aug 29, 2002
    Messages:
    5,840
    Likes Received:
    0
    Try Typekit.com, just got done messing around with it. Every font on there is legal to use and it makes it easy to setup.

    I've also used @font-face with a free font. You have to convert your font file to all the formats accepted by different browsers. try this site to convert...http://www.fontsquirrel.com/fontface/generator...worked for me.
     
  13. SmugZombie

    SmugZombie OT Supporter

    Joined:
    Aug 2, 2006
    Messages:
    3,783
    Likes Received:
    0
    Location:
    Purgatory
    Def looking into this dude - Wish i felt like programming right now... Damn my apathy...
     
  14. SmugZombie

    SmugZombie OT Supporter

    Joined:
    Aug 2, 2006
    Messages:
    3,783
    Likes Received:
    0
    Location:
    Purgatory
    sofar converted my font... gotta get a mt dew and get into programming mode.
     
  15. Phasm

    Phasm OT Supporter

    Joined:
    Sep 20, 2005
    Messages:
    9,680
    Likes Received:
    0
    Location:
    Michigan
    sIFR
     
  16. Major Tom

    Major Tom OT Supporter

    Joined:
    Mar 10, 2003
    Messages:
    5,683
    Likes Received:
    0
    Location:
    England
    Funnily enough, I've been fiddling with this for the past few hours or so. In the end, I decided to go with cufon ahead of typeface.js. typeface.js was messing up in IE6, leaving invisible text rather than the websafe text it's supposed to.

    Apart from that there wasn't a huge difference between them. typeface.js had selectable text, but I turned it off anyway.

    Either one is very easy to use and pretty effective. I preferred cufon though.
     
  17. LOLZILLA

    LOLZILLA New Member

    Joined:
    Jul 11, 2004
    Messages:
    97,923
    Likes Received:
    0

Share This Page