font-feature-settings和-webkit- font -smoothing一体式修复字体外观

Question

我已经下载了一个html主题，我在body标签上看到了这段代码。现在我知道一点关于抗锯齿和灰度的知识，但是kern是什么呢？这些代码到底有什么用呢？有谁能当导游吗？

对于所有的字体问题，有什么简单通用的解决方法吗？因此字体在所有浏览器中看起来都是一样的

font-synthesis: none;
-webkit-font-feature-settings: 'kern';
font-feature-settings: 'kern';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

Answer 1

示例

html {
/* Adjust font size */
font-size: 100%;
-webkit-text-size-adjust: 100%;
/* Font varient */
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
/* Smoothing */
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;

}

阅读材料

Antialiased

Kern For The Web

Font Kerning

Kerning On The Web