Segoe UI轻型字体在Google中显示不正确
我正在使用Segoe轻型字体在我的网站。
使用的css如下所示。
.divMainHeader
{
font-family:Segoe UI;
font-size:28pt;
font-weight:lighter;
width:100%
}但谷歌Chrome并没有正确地渲染这种字体。我得到了一个大胆的字体在Chrome。
图像。
我正在使用的浏览器的版本。
Internet : 9 Mozilla : 21 谷歌Chrome : 27
回答 5
Stack Overflow用户
发布于 2013-11-13 21:48:46
在Firefox中很难做到这一点。字体大小300并不是在所有版本中都能工作很少的时间。下面的代码适用于我，并与所有浏览器兼容。
font-family: "Segoe UI Light","Segoe UI";
font-weight: 300;请参阅这里 --这是一个HTML5解决方案，但是它也可能对您有帮助，因为它也在Visual中.悬停在CSS字体上-重量选项会告诉你单词的重量(轻，半，等等) 100:瘦200:额外的光(超光) 300:光400:普通500:中600:半块(半块) 700:粗体800:额外的希望它有帮助。
按照下面的选项，并添加字体权重，而不是使用半粗体或semilight.Just使用'segoe‘与字体的组合。
@font-face {
font-family: "Segoe UI";
font-weight: 200;
src: local("Segoe UI Light");
}
@font-face {
font-family: "Segoe UI";
font-weight: 300;
src: local("Segoe UI Semilight");
}
@font-face {
font-family: "Segoe UI";
font-weight: 400;
src: local("Segoe UI");
}
@font-face {
font-family: "Segoe UI";
font-weight: 600;
src: local("Segoe UI Semibold");
}
@font-face {
font-family: "Segoe UI";
font-weight: 700;
src: local("Segoe UI Bold");
}
@font-face {
font-family: "Segoe UI";
font-style: italic;
font-weight: 400;
src: local("Segoe UI Italic");
}
@font-face {
font-family: "Segoe UI";
font-style: italic;
font-weight: 700;
src: local("Segoe UI Bold Italic");
}Stack Overflow用户
发布于 2013-06-03 10:35:12
可能是由于各种原因：
- 也许您使用了错误的字体格式。Chrome支持SVG，WOFF，TTF/OFT。
- 在定义字体权重时采取了错误的方法，导致浏览器错误地解释字体权重属性。
样本：http://pastebin.com/FiGvAfTk
你正确地定义你的字体吗？
Stack Overflow用户
发布于 2013-06-08 17:57:30
有趣..。我几乎遇到了相反的问题..。我可以让Segoe在Chrome和IE 10中正确地渲染，但不是在FF 21中。
在一段时间前的另一篇文章中，有人建议使用类似微软在其网站上使用的东西.
h1, h2, h3, h4, h5, h6, h7 {
font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
font-weight: 300;
}对于不遵守字体重量+ Segoe字体的浏览器，指定Segoe似乎可以保证它呈现较轻的字体。
然而，在FF 21中，我仍然看到了普通的Segoe字体，不管我尝试了什么。Firebug表示它正在从列表中选择Segoe字体。
https://stackoverflow.com/questions/16891721
复制相似问题
腾讯云开发者
