SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2010
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Font Usage Question

    I want to use a font on my website but I'm afraid it's not going show if people using the website don't have the font on their systems. Is there a way I can get around it?

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    These days there are lots of options. As long as the font creator allows it (and lots do nowadays) you can send the font along with the site using some very simple CSS. A great place to find free fonts that are ready to use on the web (and fonts must be specially prepared for the web) is FontSquirrel.

    If FontSquirrl doesn't have what you need, there are lots of other services that allow you to use commercial fonts on your site, such as FontDeck and TypeKit.

    There are also free fonts at Google, though I find them a bit flaky. If you like I have a long list of other free and commercial web font repositories like this.

  3. #3
    SitePoint Member
    Join Date
    Nov 2011
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Red face

    Are you looking to use it as a font on your website?

    if so you can use this CSS code

    @font-face {
    font-family:"whatever name you choose to reference the font e.g test_1";
    src: url('test.ttf');
    }

    upload the font ttf or otf file to the root of your server and referece it with the name you gave it in any location you aim to put it, This works in Mozilla, Opera, and most other bwosers but not in IE

  4. #4
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As indicated you can use the wonderful @font-face to use specific fonts. However, when this option was introduced, IE expected .eot, FF .woff, etc etc so you need to be aware there can be browser compatibility issues and you should still use a font-stack.

    You must read the license the font is released under to find out how you can use the font.

    I prefer not to request fonts from remote urls, but to download them to my server. While this implies maintenance issues - when the font is updated on the remote site you might want to update the copy on your site too - it means the font isn't updated before you've tested the update.


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
  •