0

我正在努力获取电子邮件签名以进行自定义外观。令我恼火的是，由于电子邮件客户端的不一致呈现，我不得不走这条路，但是有没有办法@fontface通过在标签本身中声明字体样式来将字体应用于文本？以标准方式（在标头或 HTML 正文中使用样式）不会让字体在移动电子邮件客户端上呈现，尽管它在某些桌面应用程序上会呈现。

我尝试在标签内设置样式。（下面的示例）理论上这可以工作，但在浏览器上效果不佳。我应该放开这个，还是有更好的方法我想念？

@fontface为了清楚起见，当放入正确完成的样式标签时，这种语法对我有用。下面是我在标签中定义它的尝试，这会产生奇怪的结果。非字体样式很好，但字体被放入为Times，而不是Tiemann. （查看"C"和"Í"以区分它们。）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-16be-with-bom" />
    <title>Untitled</title>
    <meta name="generator" content="BBEdit 10.5" />
</head>
<body>



<span  style="@font-face 

font-family:'Tiemann';
src: url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.eot');
src: url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.eot?#iefix') format('embedded-opentype'),
         url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.woff') format('woff'),
     url('https://dl.dropboxusercontent.com/u/35370696/font_embed/Tiemann_Light.ttf') format('truetype'),
     url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.svg#Tiemann') format('svg');

font-size:22pt;

color:#6D6D6D;
float:left;


">
 DIACRÍTICA 
</span>


</body>
</html>
4

4 回答 4

1

短篇小说：font-face是规则。没有发生。使用外部样式表并将其放在那里以获得适当的指导和可维护性。

顺便说一句，请注意，它@font-face不仅可以在 CSS 的顶层使用，还可以在任何 CSS条件组 at-rule中使用。

于 2013-09-28T17:04:20.720 回答
0

首先，这行不通，因为它的语法无效；但更重要的是 -Tiemann可能在目标系统上不可用；在这种情况下，您需要提供通用字体系列。有关更多信息，请参阅此链接。

于 2013-09-28T17:04:29.773 回答
0

电子邮件客户端中的 CSS 支持变化很大，所讨论的浏览器可能只是不支持该属性。

于 2013-09-28T17:07:50.293 回答
0

我认为您不能将其与内联样式一起使用，但您可以使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-16be-with-bom" />
    <title>Untitled</title>
    <meta name="generator" content="BBEdit 10.5" />
    <style type="text/css">
    @font-face {
        font-family:'Tiemann';
        src: url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.eot');
        src: url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.eot?#iefix') format('embedded-opentype'),
             url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.woff') format('woff'),
             url('https://dl.dropboxusercontent.com/u/35370696/font_embed/Tiemann_Light.ttf') format('truetype'),
             url('https://dl.dropboxusercontent.com/u/35370696/font_embed/tiemannlightwebfont.svg#Tiemann') format('svg');
    }
    </style>

</head>
<body>


<span  style="font-family:'Tiemann'; font-size:22pt; color:#6D6D6D; float:left; ">
 DIACRÍTICA 
</span>


</body>
</html>
于 2013-09-28T17:08:25.467 回答