字体重量呈现问题

我正在将网站从现有CMS迁移到WordPress。他们在网站上使用font-face作为主要类型。我复制了字体文件并复制了CSS文件，但似乎dev站点上的字体与原始网站上的字体不同（dev站点的加权字体较轻）。字体重量呈现问题

任何人都有一个想法，为什么这可能是？

2014-05-12 tdorr07

一个问题应该包含足够的代码来演示问题。链接到活页面是不够的;只要问题得到解决或页面发生了其他变化，问题对未来的访问者就变得毫无意义。 –

你的dev的网站上有一个打火机字型美观，因为它使用

-webkit-font-smoothing: antialiased;

使字体看起来更亮。这是经常为此目的而完成的，尽管这样做是somewhat problematic

该规则应用于编译的CSS文件的第19行，应用于所有元素。

2014-05-12 22:15:45 Max

与原始版本相比，Dev页面有几处不同之处。如果您查看名为screen.css的CSS文件，它是两个站点上完全不同的文件，这是字体不同的原因之一。此外，有13个CSS文件链接到原始页面，15个链接到Dev页面。这些脚本也有所不同，所以如果字体呈现的差异更大，我不会感到惊讶。

复制WP网站有时可能比复制文件更棘手。我建议你使用一个好的迁移工具。有一些在那里。

2014-05-12 22:16:37 jtheman

我找到了解决方案。

显然，在您的代码中有text-rendering:optimizeLegibility;会导致webkit呈现比FireFox更细的字体。一旦从HTML &正文CSS中删除该字体，该字体将呈现相同的权重跨浏览器。

2014-05-13 12:57:07 tdorr07

回答