在网络应用中无法识别字体

Question

我创建了一个基于Grails Web框架的网站，该框架使用Groovy。 出于某种原因，我无法正确加载字体。

我正在使用：font-family: "Avenir Next Ultra Light","Avenir Next";

在我的Mac上，字体使用Safari和Chrome完美加载，但不能在Firefox上加载。在其他系统上，我注意到字体根本没有加载。

我知道它是一种付费字体，但不知道如何正确地将字体合并到网站中。

任何建议都将不胜感激！

Answer 1

将字体文件存储在服务器上的某个位置。

@font-face {
 font-family: NAME;
 src: url('/FILEPATH/FILENAME.ttf');
}

p {
 font-family: NAME;
}

浏览器支持：http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

编辑：而且，正如Alex K.所说，如果它是商业字体，请确保你有许可证。

Answer 2

不能代表FireFox，但更重要的事实是该字体必须以适当的格式存在于查看该页面的所有计算机上。如果字体不作为已安装的字体存在，则必须将其嵌入页面中，如果是商业字体，则需要许可证。

我建议浏览类似的内容，并使用https://www.google.com/fonts中的样板文件。