为什么这个CSS font-face代码无法加载字体？

Question

我在CSS中编写了以下代码来加载字体。路径已经仔细检查过了，它们是正确的，但我不知道为什么无法加载它们。它在几天前还能正常工作。以下是编写的代码：

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

- amirlol

---

你有检查浏览器开发控制台中的网络选项卡并寻找请求/响应吗？ - scniro

嗨，是的我已经检查过了，但还是没有起作用，也没有找到。 - amirlol

请检查URL字体文件路径是否正确。例如：fonts/WebYekan.eot。 - Lakhan

Answer 1

解决方案：

您将错误的格式引用到了错误的字体文件上。以下是已修复的内容：

@font-face {
font-family: 'yekan';
src: url('fonts/WebYekan.eot?#') format('eot'),
    url('fonts/WebYekan.ttf') format('truetype'), 
    url('fonts/WebYekan.woff') format('woff');

}

- Mysteryos

---

您的网站在我的浏览器上使用指定的字体很好。请确保清除您的浏览器缓存。 - Mysteryos

Answer 2

这可能有效

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

- user4260940

Answer 3

• 检查网络选项卡以查看这些文件是否被引用
• 如果你非常需要这些字体，那么请获取本地副本并引用它们
• 除非你在使用IE，否则不需要引用.eot字体

- Lavanyadav009