2012-11-02 66 views
0

我使用谷歌“Comfortaa”字型的博客使用此代码web字体加载跨浏览器不同(MAC Firefox的问题)

<link href='http://fonts.googleapis.com/css?family=Comfortaa&subset=greek,latin' rel='stylesheet' type='text/css'> 

然而,字体(与其他字体一起)显示更大胆地在Mac上的Firefox (在Chrome MAC显示效果精细/赢赢火狐等)

我改变了所有的EM PX只是要确定,再加上我虽然我可以尝试字体松鼠与代码

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 2, 2012 */ 



@font-face { 
    font-family: 'comfortaabold'; 
    src: url('comfortaa-bold-webfont.eot'); 
    src: url('comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'), 
     url('comfortaa-bold-webfont.woff') format('woff'), 
     url('comfortaa-bold-webfont.ttf') format('truetype'), 
     url('comfortaa-bold-webfont.svg#comfortaabold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 




@font-face { 
    font-family: 'comfortaalight'; 
    src: url('comfortaa-light-webfont.eot'); 
    src: url('comfortaa-light-webfont.eot?#iefix') format('embedded-opentype'), 
     url('comfortaa-light-webfont.woff') format('woff'), 
     url('comfortaa-light-webfont.ttf') format('truetype'), 
     url('comfortaa-light-webfont.svg#comfortaalight') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 




@font-face { 
    font-family: 'comfortaaregular'; 
    src: url('comfortaa-regular-webfont.eot'); 
    src: url('comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('comfortaa-regular-webfont.woff') format('woff'), 
     url('comfortaa-regular-webfont.ttf') format('truetype'), 
     url('comfortaa-regular-webfont.svg#comfortaaregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

仍然按照问题(我不太确定把@font的脸放在哪里 - 我通过博主css应用它)

我做错了什么,或者这是一个无法修复的浏览器呈现问题?

+0

某些浏览器将反锯齿应用于文本。我不相信这可以控制,但我可能是错的。 – Shmiddty

+0

如果是谷歌字体,请转到Google中该字体的页面,然后测试该页面。如果您在Firefox中看到与mac相同的问题。那么至少你会知道问题是否与字体或代码有关。 – coopersita

+0

嗨,我已经做了,我知道这是字体,但我认为它可能是可以修复的,我想知道我所做的是在这个过程中缺少什么东西。感谢您的建议! –

回答

0

尝试使用数字字体重量值。在Google webfont倾听中,您可以看到每种风格的正确字体权重。在Comfortaa的情况下,它们是:{font-weight:300;}为书本,{font-weight:400;}为正常,{font-weight:700;}为粗体。