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;

为什么这个CSS字体面部代码不加载字体

4 个答案: