css - 网络应用程序无法识别字体

Question

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

我正在使用: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. 所说，如果它是商业字体，请确保您拥有许可证。