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

标签 css fonts

我已经下载了一个 html 主题,其中我在 body 标签上看到了这段代码。现在我对抗锯齿和灰度知之甚少,但什么是 kern ?这所有代码的确切用途是什么?谁能指导一下?

是否有针对所有字体问题的简单通用修复方法?所以字体在所有浏览器中看起来都一样

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

最佳答案

示例

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;

阅读 Material

Antialiased

Kern For The Web

Font Kerning

Kerning On The Web

关于css - font-feature-settings 和 -webkit-font-smoothing 一站式修复字体外观,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44712724/

相关文章:

css - 使用重置CSS - 有什么合理的缺点/反驳吗?

android - TextInput 未显示在焦点上

javascript - PixiJS : Load custom font

css - 将 typekit 与字体事件一起使用时避免 FOUT

unicode - 完整的等宽 Unicode 字体?

javascript - 如何使用复选框更改动画播放状态

css - meteor 真言使用外部模板的正确方法

javascript - 删除非 SVG slider

javascript - 您可以更改 ui-grid 字体吗?

python - 如何让 QWebView/QWebPage 默认为衬线字体?