Question

我正在使用以下css来移植我自己的字体（在我的本地机器上）：

@font-face {
font-family: 'byekan';
src: url('~/Content/fonts/BYekan.eot');
src: url('~/Content/fonts/BYekan.eot?#iefix') format('embedded-opentype'),
   url('~/Content/fonts/BYekan.woff') format('woff'),
   url('~/Content/fonts/BYekan.ttf')  format('truetype'), 
   url('~/Content/fonts/BYekan.svg#svgFontName') format('svg'); 
}
* {
    font-family: 'byekan';
}

但它不起作用，我注意到的一件事是在资源选项卡中没有加载字体。元素的字体系列设置为byekan，但似乎字体由于某种原因未加载。任何想法？

编辑：我尝试使用浏览器访问路径，但它出现以下http错误：

HTTP Error 403.14 - Forbidden

Answer 1

您遇到的问题是因为您正在使用〜来选择您的主目录。

尝试将字体上传到其他位置并使用绝对URL路径引用文件：

url ('http://www.anywebsite.com/Content/fonts/BYekan.eot');

或相对路径，例如：

url ('Content/fonts/BYekan.eot');

在您的情况下，问题是因为您无法访问包含字体文件的目录，因为CSS无法理解符号〜以引用您的主目录。

@ font-face无效，字体似乎无法加载

1 个答案: