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

时间:2016-03-04 15:53:54

标签: css fonts

我正在尝试将我的服务器中的字体链接到我的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大声笑,但公司坚持这样......)

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

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);在样式表中,但没有运气。

任何帮助将不胜感激。

由于

1 个答案:

答案 0 :(得分:0)

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

// Services
//import {DataService} from './services/a2.DataService';
import {DataService} from '../../mocks/a2.mockDataService';

这样你就不必扩展样式表了。