css - Windows の不規則な Web サイト フォント

Question

私はしばらくの間このサイトを構築してきましたが、ヘッダーに使用するフォントは Chrome を使用する Windows では不規則に見えますが、Mac または Edge を使用すると完璧に見えます :リンク
-影はそれを奇妙に見せます。他に試せることはありますか？

Answer 1

Chrome を使用している Windows では、ヘッダーに使用するフォントが不規則に見えます

1. webkit-font-smoothingルールに-プレフィックスがありません。次のようにする必要があります-webkit-font-smoothing

2. Chrome フォント レンダリングの問題を解決するには、追加します。-webkit-text-stroke: 0.3px;

違い：

最終的なコード:

h1, h2 {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke: 0.3px;
}

* カスタム フォントを使用するすべてのセレクターに上記の CSS を適用する必要がある場合があります。

---

プレビュー

元の回答: https://stackoverflow.com/a/11493510/877671 重複として閉じるように投票してください。