www.webdeveloper.com
Results 1 to 7 of 7

Thread: Displaying Non-Standard Fonts

  1. #1
    Join Date
    Apr 2009
    Posts
    346

    Displaying Non-Standard Fonts

    Does anyone know how to display fonts other than the standard ones (Arial, Verdana, New Times Roman) on a website without using graphics or Flash?

  2. #2
    Join Date
    Dec 2005
    Posts
    2,984
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

  3. #3
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,207
    Embed Fonts:

    Fairly New: WOFF - TypeKit: http://typekit.com/ | Font Squirrel: http://www.fontsquirrel.com/

    1) @font-face Generator (Free Online Tool): http://www.fontsquirrel.com/fontface/generator
    ( HTML5Rocks has a good tutorial on using @font-face, along with a table showing current browser support: http://www.html5rocks.com/tutorials/webfonts/quick/ )
    How to Achieve Cross-Browser @font-face Support: http://blog.themeforest.net/tutorial...-face-support/
    2) Use sIFR:

    http://www.mikeindustries.com/blog/sifr/
    http://www.sitepoint.com/newsletter/...d=5&issue=58#6
    http://www.alistapart.com/articles/dynatext/
    3) Use WEFT (supported by IE only): http://www.microsoft.com/typography/...ft/default.htm
    4) Expand Your Font Palette Using CSS3: http://randsco.com/index.php/2009/07/04/p680

    5) CSS @ Ten: The Next Big Thing: http://www.alistapart.com/articles/cssatten
    6) CSS3 Embedding @font-face: http://www.zenelements.com/blog/css3-embed-font-face/
    7) Bulletproof @font-face syntax: http://paulirish.com/2009/bulletproo...tation-syntax/
    8) Cufon: http://cufon.shoqolate.com/generate/
    9) Use a text image in the font you want.

    10) Use Google Fonts: http://www.google.com/webfonts

  4. #4
    Join Date
    Aug 2010
    Location
    San Diego
    Posts
    242
    I'm very happy with fontsquirrel.com. I haven't used the fontsquirrel generator, just used some of the existing free fonts that support @fontface.

    I've heard some of them don't render nicely on Chrome on Windows but the few I've worked with looked fine there. But you might want to give candidate fonts that initial round of testing before you get too attached to it.

  5. #5
    Join Date
    Apr 2011
    Posts
    17

  6. #6
    Join Date
    Feb 2012
    Posts
    2
    so many genius people her. I was also searching for this query. And got many solutions. Thanks a lot guys.

  7. #7
    Join Date
    Nov 2009
    Location
    Timisoara
    Posts
    48
    I am also a happy user of FontSquirrel, and I keep an eye on Google Font Directory too, they have good resources out there.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles