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

Question

我已经下载了整个Helvetica Neue。当我试图导入它们时，几乎所有的字体都能工作，但"Helvetica LT 25 Ultra Light"却不行。

知道问题可能是什么吗？

代码：

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

我做错什么了吗？

Answer 1

使用web字体时，需要记住不同的浏览器需要不同的文件类型。本页包括一个全面的教程，详细说明如何使用@font face。基本上，只有Opera和Safari浏览器会显示truetype字体。Firefox、Chrome和IE9使用"woff"文件。如果您在Opera或Safari中测试代码，它应该会正确显示。

更新：

这里有一个网站，可以更容易地包含您想要使用的字体。他们创建了一个工具包，你可以把它放在你的页面上，你不必担心自己创建/找到所有不同的格式。

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>

relace您的文件夹