Zurb Foundation电子邮件链接到远程托管的字体

问题描述 投票:0回答:1

我正在使用样板zurb foundation处理新闻稿,并尝试链接到外部托管的字体

但是似乎链接丢失了,因为所有样式都已内联。所以我的问题是,我如何正确链接到远程托管的字体?我认为需要一种不内联所有CSS的方法。


次要更新

我在运行<style>之后,在处理后的。html文件中在@font-face标签上添加了所需的字体链接(npm run build)。 此方法,但我认为这不是最方便的方法,我认为将有一种更优雅的方法来完成自定义托管字体。


第一种方法

我试图以链接的html文件partials / fonts.html的形式添加带有链接的<style>标签,就在default.html<body>的开头,但是没有任何内容被编译成最终的[[.html

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head></head> <body> {{> fonts}} <span class="preheader">{{description}}</span> <table class="body"> <tr> <td class="center" align="center" valign="top"> <center> {{> body}} </center> </td> </tr> </table> </body> </html>
我也尝试过,将链接放在我的

。scss

文件中。它们也无法正确编译,因为@font-face无法内联。
css zurb-foundation webfonts
1个回答
0
投票
您可以将自定义CSS添加到样式标签,因此这是一种有效的方法。链接标签已从主要sfyle标签之外移除。

但是这仅在支持style标签和字体声明的电子邮件客户端中有效。

© www.soinside.com 2019 - 2024. All rights reserved.