Question

此代码在我的单个HTML页面上正常工作，HTML文件和字体都在同一个文件夹中。

@font-face {
    font-family: myFont;
    src: url(DroidKufi-Regular.ttf);
}

现在我正在尝试在网站中添加字体并使用代码中的链接。

src: url("http://hnauae.com/myFonts/DroidKufi-Regular.ttf");

这个没有用，有人能解释我为什么吗？

Answer 1

导入网址使网页加载速度低于正常加载速度。使用您的资源本地

并使用如下的相对路径：

@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto/Roboto-Thin-webfont.eot');
    src: url('fonts/roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: 100;
    font-style: normal;
    /*other custom  styles*/
}

Answer 2

即使您尝试添加网站使用相对路径

Answer 3

也许尝试使用相对路径而不是相对路径。

请注意，这取决于您的文件结构。

更改

src: url("http://hnauae.com/myFonts/DroidKufi-Regular.ttf");

要

src: url("../myFonts/DroidKufi-Regular.ttf");

@ font-face在本地工作，在使用url时不起作用

3 个答案: