Question

我想在自己的html电子邮件模板中添加自定义字体。我上传了服务器上的字体和一切...但我想我在某个地方犯了一个错误。下面是代码。

<tr>
<td align="center" mc:edit="title1">
<style type="text/css">

@font-face {  
    src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIX.TTF');
    src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIXBOLD.TTF');
}

h6 { 
    font-family: 00PEDANTIX;

}
</style>

<h6 class="h6 t bold" style="font-family: 00PEDANTIX; src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIX.TTF'); font-weight: 700;color: #fff;font-size: 20px;line-height: 15px;margin: 0 0 8px !important; p   adding-left: 80px;"><singleline label="title1">SILVER</singleline></h6>

- ＆GT;

</td>
</tr>

编辑：

<tr>
<td align="center" mc:edit="title1">
<style type="text/css">

@font-face {
font-family: 00PEDANTIX;
src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIX.TTF');
}
@font-face {
font-family: 00PEDANTIXBOLD;
src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIXBOLD.TTF');
font-weight: bold;
}

h6 {

font-family: 00PEDANTIX;
}

</style>

<h6 class="h6 t bold" style="font-family: 00PEDANTIX; font-weight: 700;color: #fff;font-size: 20px;line-height: 15px;margin: 0 0 8px !important; padding-left: 80px;"><singleline label="title1">SILVER</singleline></h6>
<table width="60" border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse;"><tbody>
<tr>

</tr></tbody>
</table>
</td>
</tr>

Answer 1

您必须在@ font-face规则中定义字体系列。此外，您只能为@ font-face

定义一个权重

@font-face {
font-family: 00PEDANTIX;
src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIX.TTF');
}
@font-face {
font-family: 00PEDANTIXBOLD;
src: url('http://www.screenmedia.mk/EmailMarketing/00PEDANTIXBOLD.TTF');
font-weight: bold;
}

编辑：没看过它是用于电子邮件模板的。您无法在电子邮件中加载自定义字体。如果您需要使用该字体，唯一可以通过图像进行操作。

Answer 2

有时浏览器需要一段时间或不支持网络字体。

尝试http://www.fontsquirrel.com/tools/webfont-generator生成字体外观代码，它适用于大多数浏览器。

他们将为webkit，mobile，IE和mozilla生成不同版本的字体（OTF，TTF等）。

......而且它是免费的！

Answer 3

任何浏览器的某些版本都不支持ttf字体。如果您的浏览器在此网站Can I Use

中兼容，则可以咨询

在HTML页面中添加自定义字体

3 个答案: