treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Font-size issue for browsers that don't support @font-face.

  • I'm using @font-face to serve up League Gothic which has an inherently small font-size.
    This means I have to use a larger than normal size in my stylesheets for h1 and h2. If a browser doesn't support @font-face, the large font-sizes are going to wreak some havoc on my layout.

    Can anyone think of a solution for this besides using a font that is closer to default sizing? I realize the cross-browser support is very good, but there's still a fair bit of folks out there versions of FF less than 3.5.
  • Erm...you should pick an alternative for browsers without font-face that is closer to the size of League Gothic! Then, if they don't have League Gothic, the replacement will be of the right size