css - 字体被 firefox 和 chrome 侵 eclipse

Question

我在 Windows 上的 Firefox 和 Chrome 中遇到了非系统字体的问题。这种字体是 Corbel。在 windows 上使用 Safari 和 Explorer 是可以的，在 Mac 上使用 firefox 和 Safari 也可以，但是在 windows 上使用 firefox 和 Chrome 字体会被腐 eclipse 和扭曲。我不知道为什么...我尝试将 font-weight 和 font-style 设置为正常，但没有任何改变!字体是用 font-face css 插入的。这里是 css 代码..

#menuWrapper ul li a {
font-family: 'Corbel';
color:#838484;
font-size:10px;
line-height:10px;
text-decoration:none;
}

谢谢!!!

Answer 1

您可能想要使用 CSS3 的 @font-face 属性。

@font-face 
{ 
    font-family: Corbel; src: url('Corbel.otf'/*whatever ext*/); 
} 

myElement
{ 
    font-family: Corbel, sans-serif; 
}

使用它可以确保您的自定义字体从您的域加载并能够被调用。确保字体的路径也正确。

:)