Windows 中的抗锯齿字体嵌入文本?

发布于 2024-09-02 02:38:54 字数 203 浏览 2 评论 0原文

使用字体嵌入时,有什么方法可以使字体在 Windows 中呈现为抗锯齿吗?

与 Windows 相比,http://code.google.com/webfonts 在 Ubuntu/Mac 上看起来要好得多7(尝试过 Chrome/Firefox)

Is there any way to make the fonts render as anti aliased in Windows, when using font-face embedding?

http://code.google.com/webfonts looks much better on Ubuntu/Mac, as compared to Windows 7 (tried chrome/firefox)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

小嗲 2024-09-09 02:38:54

我刚刚为这个老问题找到了一个很好的解决方案。如果您在 woff 之前提供字体的 svg 格式,Windows 上的 Chrome 将会消除锯齿并正确渲染您的字体。

我在此处的演示页面上使用了此技术。您可以看到标题和图标字体都很平滑并且正确消除锯齿。

I just found a great solution for this old problem. If you serve the svg format of your font before woff, Chrome on windows will anti-alias and render your font properly.

I'm using this technique on my demo page here. You can see the headers and the icon fonts are all smooth and properly anti-aliased.

¢蛋碎的人ぎ生 2024-09-09 02:38:54

遗憾的是,上述打开 ClearType 的建议是不正确的。 Cleartype 使嵌入字体呈锯齿状 - 关闭 clertype 可使它们变得平滑。我不知道为什么会这样,但这确实令人沮丧。

above recommendations to turn on cleartype are sadly incorrect. Cleartype makes embedded fonts jagged – turning clertype OFF makes them smooth. i don't know why this is, but it sure is frustrating.

桃酥萝莉 2024-09-09 02:38:54

这应该会强制 Windows 上的 Chrome 进行反别名:

-webkit-transform: rotate(-0.05deg);

我不知道 Firefox 有任何解决方案。

This should force Chrome on Windows to anti-alias:

-webkit-transform: rotate(-0.05deg);

I'm not aware of any solution for Firefox.

陪我终i 2024-09-09 02:38:54

确保您已打开清晰类型。这就是 Windows 的抗锯齿功能。

Ensure you've got clear-type turned on. Thats-anti aliasing for your windows.

红墙和绿瓦 2024-09-09 02:38:54

看起来任何版本的 Windows 中都没有针对嵌入字体的抗锯齿功能。

Looks like there's no Anti-aliasing present for embedded fonts in any version of Windows yet.

梦回梦里 2024-09-09 02:38:54

你试过css3字体平滑吗

font-smooth: auto | never | always | <absolute-size> | length | initial | inherit

have you tried the css3 font smoothing

font-smooth: auto | never | always | <absolute-size> | length | initial | inherit
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文