Question

我已经下载了整个Helvetica Neue。当我尝试导入它们时，几乎所有字体都可以工作，但“Helvetica LT 25 Ultra Light”没有。

Anyidea可能是什么问题？

代码：

@font-face{
font-family: 'HelveticaNeue';
src: url('/fonts/Helvetica LT 25 Ultra Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

我做错了吗？

Answer 1

使用网络字体时，您需要记住不同的浏览器需要不同的文件类型。 This page包含一个全面的教程，详细说明如何使用@ font-face。基本上，唯一显示truetype字体的浏览器是Opera和Safari。 Firefox，Chrome和IE9使用'woff'文件。如果您在Opera或Safari中测试代码，它应该正确显示。

更新

Here's a site可以更轻松地添加您要使用的字体。他们创建了一个套件，您可以将其放入页面中，而不必担心自己创建/查找所有不同的格式。

Answer 2

将其添加到您的html文件中：

<style type="css/text">
    @font-face{
    font-family: 'HelveticaNeue';
    src: url(' YOUR FOLDER /fonts/Helvetica LT 25 Ultra Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
</style>

重新发送你的文件夹

无法在html中包含自定义字体（Helvetica LT 25 Ultra Light）

2 个答案: