Question

是否可以在Freemarker中使用外部字体？我尝试在我的模板中添加<style>属性以使用@font-face规则，但它不起作用，电子邮件没有指定字体。

模板内容如下：

<!DOCTYPE html>
<html>
    <head>
    <style type="text/css">
        @font-face { font-family: Cool; src: url('font.ttf'); }
        body {
            font-family: Cool
        }
    </style>
    </head>
    <body>
        <h1>Email text</h1>
        <small>Very cool font</small>
    </body>
</html>

然后我尝试在@ font-face rule src: url('http://myservername/font.ttf')中指定非相对网址，但电子邮件也是通常的字体。

我尝试将外部样式表包含在模板中，如下所示：

...
    <head>
    <link rel="stylesheet" type="text/css" href="http://myservername/style.css" />
    </head>
...

style.css的内容是：

@font-face { font-family: Cool; src: url('http://myservername/font.ttf'); }
body {
    font-family: Cool
}

当我在浏览器中打开模板时，一切正常：

cool

但是当电子邮件发送给用户时 - 浏览器会使用常规字体显示它。

enter image description here

你能帮忙找到问题吗？

Answer 1

实际上，问题出在电子邮件客户端，它不支持带有head标记的style部分。

关于这个主题的好文章在这里：http://css-tricks.com/using-css-in-html-emails-the-real-story/

Freemarker：使用外部字体

1 个答案: