为什么我的css字体在网页中显示会带锯齿 怎样消除锯齿。。。_百度知...

发布网友 发布时间:2022-04-26 21:36

我来回答

2个回答

懂视网 时间:2022-04-21 09:43

现在像苹果、魅族等等一些的手机网站都有在使用大字号的文字,例如:
http://www.apple.com/cn/iphone-6/
http://www.meizu.com/products/meilannote/fun.html
可在自己编程中却发现,在页面中文字如果使用较大的字号时,会出现锯齿的现象而影响美观
自己百度看到CSS3有-webkit-font-smoothing: antialiased; 的属性可以抗锯齿
但实际在CSS中添加以后,却发现问题依旧,请问有什么办法能做到像一些手机网站那样大字号文字抗锯齿的效果?
附,我自己设置的CSS是:
* {
font-family:"微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";
-webkit-font-smoothing: antialiased;
}

谢谢


回复讨论(解决方案)

-webkit只能在Chrome,Safari浏览器中才有效

本人也是做手机页面的,不过没有用到特大号字体。所以没出现过这种情况。找到答案别忘了发一下哈。。

-webkit只能在Chrome,Safari浏览器中才有效


是的……之前查过是只在CHROME和SAFARI有效,可我用的就是Chrome。而且那些手机网站即使在IE下,也能保证字体没锯齿(不是使用图片展示文字而是实实在在的文字)。

热心网友 时间:2022-04-21 06:51

设置系统的字体设置就行
还有个方法
span
{
font:
46px
“Microsoft
YaHei”,
Arial,
Tahoma;
font-
weight:900;
}这样套用格式就行

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com