字体未在HTML中应用

时间:2016-01-01 17:03:41

标签: html css fonts

我正在发送电子邮件简报。

有些字体Novecentowide-Medium.otf未在任何标题中应用。

PSD中的原始字体看起来像

enter image description here

当我发送测试电子邮件时,它看起来像

enter image description here

字体的html代码

<h2 style="font-family: 'novecento_widemedium'; font-weight:400; padding-left:70px;">Transforming<span>Drones</span></h2>

1 个答案:

答案 0 :(得分:2)

您可以在css:

中连接您的opentype字体
@font-face 
{
  font-family: 'Noto Sans', 'Arial';
  font-style: normal;
  font-weight: 400;
  src: url(path/to/font/Novecentowide-Medium.otf) format("opentype");
}

或使用标准格式 ttf

@font-face 
{
  font-family: 'Noto Sans', 'Arial';
  font-style: normal;
  font-weight: 400;
  src: url(path/to/font/Novecentowide-Medium.ttf); /* Pay attention to extension */
}