CSS 字体平滑 HTML 电子邮件

标签 css html-email email-client

CSS 字体平滑在我的 CSS 电子邮件中似乎不起作用。

<p style="-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;">Text</p>

是否有任何电子邮件客户端支持这些属性?我只在 Gmail 中测试过。

最佳答案

它们都可以工作,但您看到的是 GMail 的一个怪癖——它不喜欢 css3。据我所知,您无能为力。 https://www.campaignmonitor.com/blog/post/3107/css3-support-in-email-clients/

^日期为 2010 年,并没有提到字体平滑,但它仍然是 css3,它仍然适用于 gmail。

尝试在 Apple Mail 或 iphone/android 上打开同一封电子邮件,字体应该变得平滑。

P.S optimizeLegibility 是个坏主意,它会使 android < 2.3 崩溃并导致其他地方出现问题。见下文:

Is it safe to use the CSS rule "text-rendering: optimizelegibility;" on all text?

关于CSS 字体平滑 HTML 电子邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25063100/

相关文章:

javascript - 如何更改 css 中的 td、tr 值?

css - 根据 body 标签类/属性在组件中应用不同的样式

mime-types - 为 html-email 声明 MIME 类型

ios4 - 在 iOS 4.x 中以模态方式呈现新 View Controller 时更改导航栏色调颜色

email - 在没有 Outlook 的情况下访问 Exchange Server

http-status-code-301 - 电子邮件客户端中使用的 HTTP 重定向图像是否可以?

javascript - 空白输入将短行添加到待办事项列表

css - 是否可以为 onsen ui 2 添加 RTL 方向?

html - 为什么一个空格可以换行?如何在一行中制作带有空格的行

html - 任何字体都可以用作网络字体吗(特别是用于 HTML 电子邮件)