css - 如何使用 CSS 访问字体的抗锯齿方法

Question

我在很多不同的网站上都遇到过这个问题。你有一种字体，它有不同的抗锯齿选项，设计师在网络上文本的不同部分使用相同的字体和不同的抗锯齿选项。因此，某些元素之间存在差异。

在这种情况下，我有锋利、清脆、结实和光滑的特点。我使用字体生成器获取代码以通过@font-face 访问它。即便如此，如果重要的话，我也有原始的 .otf。有没有办法访问它？

我上传一张我的意思和我的实际代码的图片:

@font-face {
    font-family: 'light';
    src: url('../_fnt/light/gothamrnd-light.eot');
    src: url('../_fnt/light/gothamrnd-light.eot?#iefix') format('embedded-opentype'),
             url('../_fnt/light/gothamrnd-light.woff') format('woff'),
             url('../_fnt/light/gothamrnd-light.ttf') format('truetype'),
             url('../_fnt/light/gothamrnd-light.svg#../_fnt/light/gothamrnd-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

Answer 1

不，没有办法以那种方式控制文本的呈现。这些是 Photoshop 特定的设置，因为它有自己的渲染引擎，它们甚至对其他程序不可用。

实际上，不同的浏览器会以不同的方式呈现文本，甚至不同计算机上的同一浏览器也会根据系统设置呈现不同的方式。

如果您使页面看起来与一种浏览器中的设计完全相同，那么它在另一种浏览器中看起来就会大不相同。您通常应该在不同的浏览器中对其进行测试，并尝试使其在大多数浏览器中看起来尽可能接近设计，并确保它在任何浏览器中都与设计相差不远。