【问题标题】:Font not rendering - Gmail (browser) template字体未呈现 - Gmail(浏览器)模板
【发布时间】:2019-03-01 06:33:57
【问题描述】:

我正在整理一个包含蒙特塞拉特字体的电子邮件模板;但是,除了通过浏览器(Firefox/Chrome)的 gmail 之外,它似乎几乎可以在任何地方渲染!

字体在我的预览版、iPad (mail) 和 Android (gmail) 中呈现应有的效果。 任何人是否遇到过这个问题,或者能够确认此字体是不允许通过 Web 客户端访问 Gmail 的?

我已经尝试了字体系列(根据 Google 字体的网站说明)和导入方法,包括具有与上述类似结果的字体。

提前谢谢你!

【问题讨论】:

标签: html css html-email web-deployment font-face


【解决方案1】:

Gmail 不适用于 Google 字体等网络字体。缺乏网络字体支持也是桌面版 Outlook 2007-2019 的一个问题。

您需要选择一种网络安全字体作为备份。我创建了一个支持的字体列表:

祝你好运。

Stackoverflow wants posted code before I could post the link
of fonts that work in Gmail I maintain on JSFiddle.
I felt a list of fonts might be useful in choosing a fallback font.

【讨论】:

  • 该链接是与 Gmail 和其他信息一起使用的字体列表,正如我在回答中所述。 Stackoverflow 不会让我在不发布一些代码的情况下发布链接。
  • 不错的链接。添加那些已经在 Gmail 中的内容怎么样?机器人和其他? (现在它会完成)
  • 有机器人,我认为 Gmail 在他们的样式表中提供了另外两个可以使用的机器人。
  • 我将 Roboto 添加到列表中。它需要导入才能在 JSFiddle 中工作。如果你认识其他人@Syfer,请告诉我。
  • 找到以下字体:jsfiddle.net/syfer/1xtp98r5。还有我找不到的 RobotDraft 和“扩展材料图标”。他们在页面上有很多样式。
【解决方案2】:

font-face 属性在 web gmail 中不起作用。请改用font-family。您可以访问以下链接以检查哪些 CSS 属性在邮件中适用于电子邮件模板。希望这可以帮助 。谢谢

https://www.campaignmonitor.com/css

【讨论】:

  • 抱歉...我的意思是字体系列。我将编辑我的 OP。
  • @Romanulus 能否请您添加代码,以便我们检查它失败的原因。谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-01-25
  • 1970-01-01
  • 2012-08-08
  • 2014-05-09
  • 2017-10-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多