1

I have a problem with font rendering in Firefox and Chrome on Windows systems. Here is the font face:

@font-face {
    font-family: 'Museo500';
    src: url('../fonts/museo500/MuseoSans_500-webfont.eot');
    src: local('?'), 
    url('../fonts/museo500/MuseoSans_500-webfont.woff') format('woff'), 
    url('../fonts/museo500/MuseoSans_500-webfont.ttf') format('truetype'), 
    url('../fonts/museo500/MuseoSans_500-webfont.svg#webfontr3rD8cn7') format('svg');
}

and here is a input class:

input {
    font-family: Museo500, sans-serif;
    letter-spacing: 0;
    color: #ff0000;
    margin: 0px;
    padding: 10px;
    font-size: 20px;
    font-weight: normal;
}

I cannot understand how on IE8 the font is rendered well and on Firefox and Chrome the font is not render correctly. If someone can give me a suggestion I'll be grateful. Or maybe a font that replaces museo500, museo700. Thank you.

ahdaniels
  • 1,050
  • 1
  • 12
  • 25
BurebistaRuler
  • 6,209
  • 11
  • 48
  • 66
  • About @97ldave answer - you can access font files via their url and make sure it's extension problem. – kamil-mrzyglod Jan 14 '13 at 12:37
  • @Kamo is not an url problem, I fixed in chrom by moving last svg line up and now is working just fine on webkit browers , I must see how to fix that on firefox – BurebistaRuler Jan 14 '13 at 13:01
  • I think there is a bug in Firefox where don't files have to be in the same folder as the CSS file. I had this problem before but not sure if Firefox have fixed it. – 97ldave Jan 14 '13 at 13:09
  • That's meant to say "Font" files, not "don't" files – 97ldave Jan 14 '13 at 13:10
  • 1
    Yeah, @font-face has some problematic issues - I also had a lot of problems implementing multiple fonts with this rule. I can suggest you http://cufon.shoqolate.com/generate to render custom fonts, maybe you'd want to give it a try to solve your problem. – kamil-mrzyglod Jan 14 '13 at 13:59

1 Answers1

1

I have answered a similar question here: Font-Face Not loaded

You may need to add the types via .htaccess or MIME types to IIS.

Community
  • 1
  • 1
97ldave
  • 5,249
  • 4
  • 25
  • 39