Question

我们正在尝试在HTML中使用Futura Std Light Condensed字体。 Font安装在我们的系统中，但它没有以HTML格式呈现。

然而，当我们在HTML中使用Futura Std Condensed时，它会被正确渲染。

我们可以从记事本/ Word中看到这两种字体，但它没有以HTML格式呈现。

我们在HTML中使用内联样式来使用字体：
style="font-family:'Futura Std Condensed Light'"

<!DOCTYPE html>
<html>
  <body>
    <span style="font-family:'Futura Std Condensed';font-weight:bold;">Sample Text</span> 
    <br/>
    <span style="font-family:'Futura Std Condensed Light'">Sample Text</span>
  </body>
</html>

Answer 1

你在那里缺少一些CSS。还有一些标题数据。

<!DOCTYPE html>
<html>
  <meta charset="utf8">
  <title>Kind of required</title>
  <style>
    /* preferably, of course, this is a <link> instead */
    @font-face {
      font-family: Futura;
      src: local('Futura Std');
    }
    span {
      font-family: Futura;
    }
  </style>
</head>
<body>
  <span>Sample Text</span> 
</body>
</html>

如果您想要超过＆＃34;只需为我加载字体＆＃34;，依赖系统字体会给您带来不好的时间（因为系统需要您为名称指定的内容是不可预测的）：将字体打包为WOFF（因为每个浏览器都支持），然后指向WOFF文件：

@font-face {
  font-family: Futura;
  src: url('.../FuturaStdRegular.woff') format("WOFF");
  font-weight: normal;
}
@font-face {
  font-family: Futura;
  src: url('.../FuturaStdLight.woff') format("WOFF");
  font-weight: 300;
}
@font-face {
  font-family: Futura;
  src: url('.../FuturaStdBoldItalic.woff') format("WOFF");
  font-weight: 700;
  font-style: italic;
}
...etc...

相同的系列，不同的字体资源，具体取决于稍后使用的变体，重量，样式等属性。

（当然不用说，如果它离开你自己的电脑，请确保你拥有使用这些字体的合法许可，但无论如何都要说出来）

HTML中的Futura字体

1 个答案: