相关疑难解决方法(0)

Safari字体渲染问题

如下所示,Chrome中的Texta-Light字体与Safari完全不同.Chrome会显示我喜欢的字体,但Safari在OS X和iOS上的渲染看起来太薄了.下面的Safari图像是在iOS上拍摄的,正如您所看到的那样,字体看起来好像存在两位文本.

我找了一个解决方案,但没有找到任何有效的方法.我试过使用,-webkit-font-smoothing: subpixel-antialiased;但根据这个问题,代码不再工作了.

铬:

Chrome字体渲染

iOS上的Safari:

Safari字体渲染

以下是上图中的代码:

h2 {
    font-family: 'Texta-Light', sans-serif;
    font-size: 3.5em;
    line-height: 1.2em;
}
Run Code Online (Sandbox Code Playgroud)

这有什么解决方案吗?

css safari fonts rendering google-chrome

34
推荐指数
5
解决办法
4万
查看次数

标签 统计

css ×1

fonts ×1

google-chrome ×1

rendering ×1

safari ×1