SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Evangelist ktown's Avatar
    Join Date
    May 2001
    Location
    toronto
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    can html embedd fonts into a file?

    well my subject just about says it all
    is there a way that i can actually embedd a font on a website that i can specify as the title font for my pages?

    thanks.

  2. #2
    SitePoint Zealot yuri's Avatar
    Join Date
    Oct 2001
    Location
    Just Round The Corner!
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i think there is a way, i have seen it before (i think). the only thing i can suggest is using the font in a garphics package and creating an image and insert the image. i shall look intp that for you tho.

    chris

  3. #3
    SitePoint Evangelist azizur_rahman's Avatar
    Join Date
    Nov 2001
    Location
    London, UK
    Posts
    502
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Azizur Rahman
    Web Application Developer

  4. #4
    SitePoint Evangelist ktown's Avatar
    Join Date
    May 2001
    Location
    toronto
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks guys...
    i think those links are perfect...

    the thing is i have over 1000 pages -- automatically generated --

    and the titles use a class... so i don't really want to make a graphic for every page just a color & maybe dropshadow with css.

    ~nina

  5. #5
    SitePoint Zealot yuri's Avatar
    Join Date
    Oct 2001
    Location
    Just Round The Corner!
    Posts
    166
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i think basically you would have to insert the .ttf ile into the directory root and use css to use that font simply by having it as the font to be used

    .*your style here* { font-family: "*your font here*";
    font-size: 8pt; }

    if that doesnt work, which i doubt it will, then im rubbish

    chris

  6. #6
    Weird Little Girl Desdelena's Avatar
    Join Date
    May 2002
    Location
    Canada
    Posts
    266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can do it with CSS or the <link> tag. But if you are using a ttf font then keep in mind thats only going to work on Windows. I know Mac doesnt do fonts that way, not sure about others like Linux though. It also increases your pages loading time noticably. I would personally either use graphics or just stick to common fonts.

    Code:
    <link rel="fontdef" href="font.ttf">
    @font-face {font-family: font;src: url(font.ttf);}

  7. #7
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    One way to allow fonts to be displayed "embedded" for which the user does not have installed is to use the CSS, for example: @font-face { font-family: "Zombie Dave", Times, serif; }

    However, you will find this probably won't work, first you'll need a font converter such as WEFT - as was mentioned - to convert the font so that the browser can understand the format first, and you'll get something like this:

    @font-face {
    font-family: ZombieDave;
    font-style: normal;
    font-weight: normal;
    src: url(ZombieDave.eot);

    However, beware Netscape Communicator 4.x uses 'BitStream font' technologies, thus it won't work with WEFT, and you'll have to do more research for the other user-agents, etc.
    Last edited by xhtmlcoder; Jun 27, 2002 at 03:06.

  8. #8
    SitePoint Evangelist ktown's Avatar
    Join Date
    May 2001
    Location
    toronto
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    sounds like maybe i should just stick to standar fonts... well... thanks anyways dudes/dudettes - i will still try it and see if it works

    ~nina


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •