css - 服务器上的字体是否必须以特定方式链接？

Question

我正在尝试将一种字体从我的服务器链接到我的 html 文档，以便我可以使用这种自定义字体。

我写的是

<style>
@font-face { font-family: font-name; src: url('http://servername.webitsitename.ca/fonts/font-name.otf'); }

.FindLocal {

    font-family: 'font-name';
    color: #0079cc;
}

</style>

由于某些限制，我不能使用外部 CSS 文件，因此必须在 html 文档中设置样式。公司使用了这种特殊字体，他们希望将其用于网站，但由于某种原因，它无法正常工作。登陆页面是在一个不允许我上传字体的网站上设计的(这个网站很难使用 tbh lol 但公司坚持这样......)

关于为什么这不起作用的任何想法？它必须像谷歌的那样吗？

http://fonts.googleapis.com/css?family=Open+Sans ？所以 fonts.websitename.ca/css?family=font-name ？

我也试过@import url( http://convio.cancer.ca/fonts/RockwellStd-Light.otf );在样式表中，但没有运气。

如有任何帮助，我们将不胜感激。

谢谢

Answer 1

你为什么不通过 HTML 链接它，这样:

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Convergence" />

这样您就不必扩展样式表。