如何做出这种无锯齿字体效果?_html/css_WEB-ITnose
程序员文章站
2022-05-28 13:09:03
...
今天发现苹果官网的中文字体也很好看,字体是无锯齿的,这是怎么实现的呢
我复制源代码下来在本机测试却没有这种效果,还是有锯齿。
地址:http://www.apple.com/cn/iphone/
让页面里的字体变清晰:-webkit-font-smoothing
兼容:
让页面里的字体变清晰:-webkit-font-smoothing
兼容:
我测试了下,不是这个属性的原因吧
-webkit-font-smoothing
这个属性只有在MacOS下才有效果,而我上面的例子在是win2003+Chrome45下看到的效果
我复制源代码下来在本机测试却没有这种效果,还是有锯齿。
地址:http://www.apple.com/cn/iphone/
回复讨论(解决方案)
body, input, textarea, select, button {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: 'liga', 'kern';}
让页面里的字体变清晰:-webkit-font-smoothing
兼容:
body, input, textarea, select, button {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: 'liga', 'kern';}
让页面里的字体变清晰:-webkit-font-smoothing
兼容:
我测试了下,不是这个属性的原因吧
-webkit-font-smoothing
这个属性只有在MacOS下才有效果,而我上面的例子在是win2003+Chrome45下看到的效果
搞定啦亲们
推荐阅读
-
为什么我做出来的效果是这样的呢?弄了快2个小时无果。。。。_html/css_WEB-ITnose
-
如何做出这种无锯齿字体效果?_html/css_WEB-ITnose
-
为什么我做出来的效果是这样的呢?弄了快2个小时无果。。。。_html/css_WEB-ITnose
-
如何做出这种效果?_html/css_WEB-ITnose
-
如何做出这种效果?_html/css_WEB-ITnose
-
如何做出这种无锯齿字体效果?_html/css_WEB-ITnose
-
请问这种背景黑框固定的效果如何实现的?是css还是js_html/css_WEB-ITnose
-
这问这种在li中可以点击的效果做出来?_html/css_WEB-ITnose