Question

我正在努力获取电子邮件签名以进行自定义外观。让我感到困惑的是，我不得不通过电子邮件客户端的不一致渲染来实现这条路线，但有没有办法通过在标签本身中声明字体样式来使@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>

Answer 1

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

另外，请注意@font-face不仅可以在CSS的顶层使用，还可以在任何CSS conditional-group at-rule内使用。

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

Answer 2

首先，这不会起作用，因为它不是valid syntax;但更重要的是 - Tiemann可能无法在目标系统上使用;在这种情况下，您需要提供通用字体系列。有关详细信息，请参阅this link。

Answer 3

电子邮件客户端中的CSS支持差异很大，有问题的浏览器可能会just not support该属性。

Answer 4

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

<!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>

@fontface可以在标签中使用吗？（用于电子邮件签名可靠性

4 个答案:

@fontface可以在标签中使用吗？ （用于电子邮件签名可靠性

4 个答案:

@fontface可以在标签中使用吗？（用于电子邮件签名可靠性