为什么此CSS字体外观代码无法加载字体

Question

我已经在CSS中编写了以下代码来加载字体。 对该路径进行了双重检查，它们很好，但是我不知道为什么它不会加载它们。 直到几天前它一直有效。 现在，它不起作用。 这是书面代码：

@font-face {
    font-family: Yekan;
    src:    url('font/BYekan.eot?#') format(‘eot’),    
          url('font/BYekan.woff') format('woff'),
          url(‘font/BYekan.ttf’) format(‘truetype’); 
}

Answer 1

您的样式中应有''样式应为' 。 更改它们，它应该起作用。

@font-face {
    font-family: Yekan;
    src:  url('font/BYekan.eot?#') format('eot'),    
          url('font/BYekan.woff') format('woff'),
          url('font/BYekan.ttf') format('truetype'); 
}

Answer 2

您的truetype字体路径包装器应替换为' （单引号），而不应替换为`

@font-face {
    font-family: 'Yekan';
    src:    url('font/BYekan.eot?#') format(‘eot’),    
          url('font/BYekan.woff') format('woff'),
          url('font/BYekan.ttf') format(‘truetype’); 
}

Answer 3

您尚未用引号写成url和format 。

src:url('font/BYekan.eot'); 语句将使用用户计算机上安装的字体文件（如果可用），并且不加载字体文件。 这一点很重要，否则每次字体文件都会加载到用户的浏览器中，即使它可用。

尝试：

@font-face{
    font-family:'Yekan';
    src:url('font/BYekan.eot');
    src:local('Yekan'),url('font/BYekan.eot?#iefix') format('embedded-opentype'),url('font/BYekan.woff') format('woff'),url('font/BYekan.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

Answer 4

在您的style.css中使用：

@font-face {
    font-family:'Yekan';
    src:  url('font/BYekan.eot?#') format('eot'),    
          url('font/BYekan.woff') format('woff'),
          url('font/BYekan.ttf') format('truetype'); 
}

然后在您的课程中使用：

font-family: 'Yekan', sans, helvetica;