有没有办法为css文件或其他文件中的自定义字体提供这种锐化属性？

Question

我在css中使用了一个自定义字体文件，但该字体不像PSD那样显示锐利。在PSD中，使用抗锯齿为“sharp”。在HTML页面中，它看起来是模糊的、振动的字体。我想给字体锐度与CSS或其他在HTML。

我已经在css中尝试了'-webkit- font -smoothing‘属性，但是字体没有任何变化。

有没有办法为css文件或其他文件中的自定义字体提供这种锐化属性？

Answer 1

不是真正的抗锯齿，但你可以使用text-shadow或filter: 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 OS。

-webkit-font-smoothing:antialiased;