我正在使用样板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
无法内联。但是这仅在支持style
标签和字体声明的电子邮件客户端中有效。