• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2016
  • Last Modified:

Using @font-face with EOT fonts in Internet Explorer, not loading/displaying correctly

This is my first time trying to use @font-face. Here is my home page:

http://www.genspangroup.com/v3/default.asp

Fonts work fine in Safari, Chrome and Firefox. They don't display in Internet Explorer. I made EOT versions of my fonts, and thought that I coded the CSS correctly:


@font-face {
            font-family: Gotham Book;
            src: url('http://www.genspangroup.com/v3/fonts/GothamHTF-Book.otf'),
            url('http://www.genspangroup.com/v3/fonts/gothamhtf-book-webfont.eot') format("opentype"); /* IE */
      }
@font-face {
            font-family: Gotham Bold;
            src: url('http://www.genspangroup.com/v3/fonts/GothamHTF-Bold.otf'),
            url('http://www.genspangroup.com/v3/fonts/gothamhtf-bold-webfont.eot') format("opentype"); /* IE */
      }

Is something not right? Thank you!
0
bbdesign
Asked:
bbdesign
  • 2
1 Solution
 
R-ByterCommented:
You need to reference IE version first. Look at this page, its cross browser compatible solution.

http://randsco.com/index.php/2009/07/04/p680

Regards
0
 
bbdesignAuthor Commented:
Got it, thank you. Seems to be working now, just had the syntax a little off.
0
 
R-ByterCommented:
You're welcome and thanks for the points.
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now