css - ".msg"字体颜色在 Mac 和 Windows 上不同

标签 css email fonts outlook msg

所以我创建了这个要发送的电子邮件模板。我尝试先将邮件发送给自己以检查它是否看起来不错,在 Mac 上它看起来非常好,文本和格式的颜色正确。 但是当我在 PC 上打开相同的“.msg”文件时,字体颜色就乱七八糟了。 因此,例如我有一个文本

,其中字体颜色为灰色,但在 PC 上,它显示为黑色。为什么会这样?

最佳答案

实际上,问题是由于Window 和Mac 的字体渲染不同所致。 Mac OS 试图完全按照设计的方式呈现字体,而 Windows 试图稍微改变它们以使其更具可读性。可能的解决方案是使用 Webkit-font-smoothing 尝试在您的代码中包含以下内容

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

您可以引用此链接以了解有关 WebKit 字体平滑的更多信息:

https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth

关于css - ".msg"字体颜色在 Mac 和 Windows 上不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53369266/

相关文章:

css - 正确使用 :not selector along with "attribute contains" selector 的方法

html - 花式边框分隔线

html - 在 gmail 中的 Mailchimp 电子邮件中更改链接颜色/css

电子邮件到 SMS 网关 : recognizing replies

html - CSS 规则可减小当前元素下方所有元素的字体大小

internet-explorer - IE 10和11上未显示蒙特塞拉特字体

javascript - 想要为所有元素添加带复选框的下拉菜单(即多选下拉菜单)

php - 如何使用 php 从 HTML 表单中读取非输入相关的文本?

html - 通过 Sahi Pro 发送时,纯 HTML/CSS 垂直字符不会出现在电子邮件内容中

vue.js - 自定义字体未显示在Electron + Vue App上