gpt4 book ai didi

html - Web 字体无法应用于在浏览器上工作的时事通讯(GMAIL、Yahoo Mail、Outlook、Hotmail 等)

转载 作者:可可西里 更新时间:2023-11-01 13:01:57 46 4
gpt4 key购买 nike

我有一份时事通讯,其中使用了网络字体 Proxima Nova Extra BoldProxima Nova Alt Regular。当我在浏览器上打开时事通讯布局时,所有文本的字体都显示正常。但是当在 Gmail 或 Yahoo 或其他邮件客户端中打开相同的时事通讯时,字体不会应用于文本。

浏览器布局屏幕截图(字体显示完美):enter image description here

Gmail 布局截图(未使用字体):enter image description here

这是我将字体应用到时事通讯文件的方式: 里面<head>标签:

<style type="text/css">
@import url("http://serverdomainname/emailtemplatefonts.css");
body{font-family:ProximaNova-AltRegular !important;}
</style>

通过内联 css 设置样式

<span style="padding:25px;text-align:center;display:block;font-size:14px;font-family:ProximaNova-AltRegular">Discover attractions, restaurants, nightlife, and accomodations around the world. Use specialized filters in your search to find free museums, family friendly restaurants, weird and wonderful hotels, and much more. </span>

这是包含的字体文件的 css:

@font-face {font-family: 'ProximaNova-AltRegular';
font-weight: normal;font-style: normal;
src: url('http://sitedomain.com/assets/fonts/proxima_nova_alt/ProximaNovaAltRegular.woff2') format('woff2');}



@font-face {font-family: 'ProximaNova-Extrabold';
font-weight: normal;font-style: normal;
src: url('http://sitedomain.com/assets/fonts/proxima_nova_bold/ProximaNovaExtrabold.woff2') format('woff2');}

最佳答案

许多电子邮件客户端不支持网络字体。即使他们这样做了,你也必须跳过很多环节,比如在 headbody 之间移动 style 标签。

以下是对各种电子邮件客户端的网络字体支持的总结:

https://www.litmus.com/blog/the-ultimate-guide-to-web-fonts/

为许多黑客做好准备并考虑回退到标准字体(但最好不要使用图像,因为这会限制您的电子邮件的可访问性)。

关于html - Web 字体无法应用于在浏览器上工作的时事通讯(GMAIL、Yahoo Mail、Outlook、Hotmail 等),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37970865/

46 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com