请教关于字体出现锯齿的问题

gekiranger 2015-01-10 02:05:19
现在像苹果、魅族等等一些的手机网站都有在使用大字号的文字,例如:
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;
}

谢谢
...全文
282 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
gekiranger 2015-01-15
  • 打赏
  • 举报
回复
引用 1 楼 net_lover 的回复:
-webkit只能在Chrome,Safari浏览器中才有效
是的……之前查过是只在CHROME和SAFARI有效,可我用的就是Chrome。而且那些手机网站即使在IE下,也能保证字体没锯齿(不是使用图片展示文字而是实实在在的文字)。
  • 打赏
  • 举报
回复
本人也是做手机页面的,不过没有用到特大号字体。所以没出现过这种情况。找到答案别忘了发一下哈。。
孟子E章 2015-01-11
  • 打赏
  • 举报
回复
-webkit只能在Chrome,Safari浏览器中才有效

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧