www.webdeveloper.com
Results 1 to 4 of 4

Thread: Embedding Fonts That Work in IE using @font-face

Hybrid View

  1. #1
    Join Date
    Apr 2009
    Posts
    346

    Embedding Fonts That Work in IE using @font-face

    I have followed numerous tutorials on embedding fonts and everything works great except in Internet Explorer.

    Below is the CSS code I'm using:

    Code:
    @font-face {
    font-family: 'Ch';
    src: url('../Fonts/Champagne.eot');/* IE */
    src: local('Champagne&LimousinesRegular'), url('../Fonts/Champagne.ttf') format('truetype');
    }
    Like I said, it all works in every browser except IE. Does anyone know how to embed fonts so IE displays them???

  2. #2
    Join Date
    Dec 2005
    Posts
    2,984
    Internet Explorer (<9) recognizes a .eot font format. They can be generated using an otf or ttf and the following generator:

    http://www.fontsquirrel.com/fontface/generator

    Also, you should use this bullet proof @font-face syntax provided by fontspring located here:

    http://www.fontspring.com/blog/furth...etproof-syntax
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

  3. #3
    Join Date
    Apr 2009
    Posts
    346
    I've got the font type .eot included and it's not showing up in IE 9. How do I make it work in IE 9?

  4. #4
    Join Date
    Dec 2005
    Posts
    2,984
    Check out the font spring link I provided.
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

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