Question

我在css中使用了一个自定义字体文件，但该字体不像PSD那样显示清晰。在PSD中，使用抗锯齿作为“尖锐”。在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;

有没有办法在css文件中为自定义字体提供这个尖锐的属性？

2 个答案: