Question

我在firefox和Chrome上的非系统字体有问题。这个字体是Corbel。使用Windows上的Safari和资源管理器是可以的，而且Mac上的Firefox和Safari也可以，但是在Windows上使用firefox和Chrome时，字体会被侵蚀和扭曲。我不知道为什么......我尝试将font-weight和font-style设置为normal，但没有任何改变！字体是使用font-face css插入的。这里是css的代码..

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

THX !!!

Answer 1

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

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

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

使用此功能可确保您的自定义字体从您的域中加载并且可以调用。确保字体的路径也正确。

：）

Answer 2

尝试单独复制字体文件并将其与@font-face一起使用这是一个tutorial来做到这一点。

Answer 3

我没有设置Windows机器进行测试，但您可以尝试

text-rendering: optimizeLegibility;

它对Mac机器没有影响，因为Mac有固有的文本渲染。

https://developer.mozilla.org/en/CSS/text-rendering

字体被firefox和chrome侵蚀

3 个答案: