Unicode三角形U +25BA►出现锯齿状？

Question

►有没有办法对这个unicode三角形的边缘应用抗锯齿/平滑处理？

Answer 1

根据我的测试，看起来最好的选择是使用text-shadow，具体取决于三角形指向的方向：

text-shadow: 1px 0px 0px rgba(0, 0, 0, .45); // To the right
text-shadow: -1px 0px 0px rgba(0, 0, 0, .45); // To the left

每个浏览器似乎都能正确处理这种情况。在Firefox中它几乎没有引人注意，在Safari中看起来很棒。

我收集了所有不同的技巧，试图将网页字体平滑到JSFiddle上的一个位置：http://jsfiddle.net/XdP6x/

虽然我认为Webkit中的text-stroke选项看起来比text-shadow略好，但是不可能轻易地将这两种技术结合起来以获得比单独text-shadow更好的结果。

字体平滑没有做任何事情，模糊看起来很可怕。我也试过transform:rotate(360deg);没有效果。

除了25BA之外，我还发现了various unicode triangles。并非所有设备和浏览器似乎都支持25C0和25B6，我建议使用25BA和25C4。

-

或者尝试将SVG用作CSS背景：http://jsfiddle.net/z6hw281a/