html - @ font-face在本地有效，使用url时不起作用

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

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

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

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

这是行不通的，谁能解释我为什么？

最佳答案

导入URL使页面加载比正常加载慢。
在本地使用您的资源

并使用如下相对路径：

@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*/
}

关于html - @ font-face在本地有效，使用url时不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40782329/