ホームページ >ウェブフロントエンド >htmlチュートリアル >fonts_html/css_WEB-ITnose ギザギザの問題について教えてください
現在、Apple、Meizu などの一部のモバイル Web サイトでは、大きなフォント サイズが使用されています。例:
http://www.apple.com/cn/iphone-6/
http://www.meizu.com /products /meilannote/fun.html
しかし、私自身のプログラミング中に、ページ上のテキストに大きなフォント サイズを使用すると、テキストがギザギザになって表示され、外観に影響を与えることがわかりました。
CSS3 には -webkit があることを Baidu で見ました。 -font-smoothing : antialiased; can be anti-aliased
しかし、実際に CSS に追加した後、問題は同じであることがわかりました。一部のモバイル Web サイトのような大きなフォント テキストのアンチエイリアス効果を実現する方法はありますか?
添付ファイル、私が自分で設定した CSS は次のとおりです:
* {
font-family:"Microsoft Yahei","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";
-webkit-font-smoothing: antialiased ;
}
ありがとうございます
-webkitはChromeとSafariブラウザでのみ有効です
私はモバイルページも作成していますが、特大フォントは使用しません。したがって、このようなことは一度も起こったことはありません。答えを見つけたら忘れずに投稿してください。 。
-webkit は Chrome と Safari ブラウザでのみ有効です