How do you embed custom fonts into a web page?!?!?

Discussion in 'HTML & Website Design' started by lip9000, Nov 7, 2007.

  1. #1
    I've just spent that last 9 hours searching the whole of googles database for the answer to this and I've tested all them and there doesn't seem to be a solution for it.

    I've tried using Microsoft Weft but I have several problems such as the font I wish to embed, "HelveticaNeue LightCond" is "un-embeddable" and Weft fonts only work in IE, which is another big problem.

    I also looked at this code which is meant to work:
      @font-face {
        font-family: HelveticaNeue LightCond;
        font-style:  normal;
        font-weight: normal;
        src: url(HELVETI1.ttf);
      }
    HTML:
    and then creating a style with that font and putting it on your text, also doesn't work, I even copied every bit of code on the website that this worked for and tried it, didn't work. It might be the font though.

    If anyone knows how to embed custom fonts into web pages that is compatible for both IE and Firefox I will be extremely happy and greatful!!!

    MANY MANY THANKS in advance!
     
    lip9000, Nov 7, 2007 IP
  2. AstarothSolutions

    AstarothSolutions Peon

    Messages:
    2,680
    Likes Received:
    77
    Best Answers:
    0
    Trophy Points:
    0
    #2
    There is no reliable cross browser way of doing it.

    The other element to remember... do you own the resellers rights to HelveticaNeue LightCond as if you dont you are breaching copyright by installing it on all your visitors websites.
     
    AstarothSolutions, Nov 7, 2007 IP
  3. lip9000

    lip9000 Peon

    Messages:
    325
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hrmm I suppose. But would I need rights to that font? Or rights to any font that I embed?? Because if one needed to obtain rights for embedding a font, then why does Microsoft Weft exist?

    All the fonts that aren't embeddable that have license protections on them say so in Microsoft Weft, it won't let you embed if it is licensed. But most fonts you can.

    No I don't own the rights to that font, we are currently looking for alternatives. But don't really want to use Weft because we want it compatible with at least Firefox also.
     
    lip9000, Nov 7, 2007 IP
  4. lip9000

    lip9000 Peon

    Messages:
    325
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    is there any way to somehow have an swf with the font embedded and have it bring in text from an exernal txt file or from a php variable??

    one problem would be the canvas size of the swf though....how would you get the swf to change size depending on the amount of text that gets imported? i don't want a scroller in the flash file i want it in.
     
    lip9000, Nov 7, 2007 IP
  5. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The closest you're going to come to at the moment is sIFR if you want to do something like this. But bear in mind it's top-heavy and best used for things like headings, not main page content.
     
    Dan Schulz, Nov 8, 2007 IP
  6. lip9000

    lip9000 Peon

    Messages:
    325
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    yeah i had a play around with that, its bloody complicated though, didn't work out in the end.
     
    lip9000, Nov 8, 2007 IP