请教关于字体出现锯齿的问题_html/css_WEB-ITnose
程序员文章站
2022-03-08 09:22:11
...
现在像苹果、魅族等等一些的手机网站都有在使用大字号的文字,例如:
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;
}
谢谢
是的……之前查过是只在CHROME和SAFARI有效,可我用的就是Chrome。而且那些手机网站即使在IE下,也能保证字体没锯齿(不是使用图片展示文字而是实实在在的文字)。
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下,也能保证字体没锯齿(不是使用图片展示文字而是实实在在的文字)。
上一篇: css代码优化的12个技巧_经验交流
下一篇: css中伪元素的使用方法小结(代码)
推荐阅读
-
,关于IE8兼容HTML5 CSS3 还有@media的问题_html/css_WEB-ITnose
-
求助,关于
- 宽度控制的问题_html/css_WEB-ITnose
-
终于成为博客员的一员了,这是我的第一篇博文,写一个关于ul li内容宽度的问题和解决方案_html/css_WEB-ITnose
-
菜鸟:关于24小时循环倒计时的问题_html/css_WEB-ITnose
-
菜鸟关于网页设计的一个小问题,在线等答案~_html/css_WEB-ITnose
-
关于浏览器默认CSS的问题_html/css_WEB-ITnose
-
关于浏览器默认CSS的问题_html/css_WEB-ITnose
-
请教个使用调用WebBrowser打印的问题_html/css_WEB-ITnose
-
关于padding设置的问题_html/css_WEB-ITnose
-
再发-关于CSS+DIV首页的问题(入门级别)_html/css_WEB-ITnose