html - 有什么方法可以为 css 文件中的自定义字体提供这种清晰的属性吗？

Question

我在 css 中使用一种自定义字体文件，但该字体不像 PSD 那样清晰。在 PSD 中，使用抗锯齿作为“锐利”。在 HTML 页面中，它看起来模糊了振动字体。我想用 CSS 或 HTML 来提高字体的清晰度。

我已经在 css 中尝试过“-webkit-font-smoothing”属性，但字体没有任何变化。

有什么方法可以为 css 文件中的自定义字体提供这种清晰的属性吗？

Answer 1

不是真正的抗锯齿，但您可以使用text-shadoworfilter: drop-shadow()尝试稍微平滑边缘...（text-shadow得到更广泛的支持）

例子：

.filter-antialias{
    -webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
    -moz-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
    -ms-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
    -o-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
    filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
}

.shadow-antialias{
    text-shadow:0 0 1px rgba(0,0,0,.5);    
}

Answer 2

这适用于 MAC 操作系统。

-webkit-font-smoothing:antialiased;