ホームページ  >  記事  >  ウェブフロントエンド  >  fonts_html/css_WEB-ITnose ギザギザの問題について教えてください

fonts_html/css_WEB-ITnose ギザギザの問題について教えてください

WBOY
WBOYオリジナル
2016-06-24 11:50:181593ブラウズ

現在、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 ブラウザでのみ有効です


はい... CHROME と Safari でのみ有効であることは前に確認しましたが、私は Chrome を使用しています。さらに、IE であっても、これらのモバイル Web サイトでは、フォントがぎざぎざになっていないことを確認できます (テキストの表示に画像を使用せず、実際のテキストを使用します)。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。