Django-Python中CSS文件引入静态字体文件失败问题求助

嘿，我来帮你搞定这个问题！你遇到的核心问题是CSS文件不会被Django模板引擎解析，所以直接在CSS里写{% load static %}这类标签根本不会生效——浏览器拿到的就是原封不动的标签文本，自然找不到字体文件。下面给你几个靠谱的解决办法：

把你的@font-face样式直接写到HTML模板里，这样就能正常使用Django的静态文件标签了：

{% load static %}
<style>
@font-face { 
    font-family: 'tinymce-mobile'; 
    font-style: normal; 
    font-weight: normal; 
    src: url("{% static 'font/static-mobile.woff' %}") format("woff"); 
}
</style>

这种方法最直接，因为模板会把{% static %}解析成正确的静态文件URL。

如果不想把样式内联，那可以根据你的静态文件目录结构用相对路径。举个例子：

• 假设你的CSS文件路径是static/css/your-style.css
• 字体文件路径是static/font/static-mobile.woff

那在CSS里可以这么写：

@font-face { 
    font-family: 'tinymce-mobile'; 
    font-style: normal; 
    font-weight: normal; 
    src: url("../font/static-mobile.woff") format("woff"); 
}

这里的../是回到上一级目录（也就是static根目录），然后再指向font文件夹下的字体文件，浏览器就能正确定位到它了。

如果你的Django项目的STATIC_URL配置是固定的（比如默认的/static/），也可以直接写绝对路径：

@font-face { 
    font-family: 'tinymce-mobile'; 
    font-style: normal; 
    font-weight: normal; 
    src: url("/static/font/static-mobile.woff") format("woff"); 
}

不过这种方法的缺点是，如果以后你修改了STATIC_URL（比如部署到子路径下），就得手动修改CSS里的路径，灵活性不如前两种。

内容的提问来源于stack exchange，提问作者Olanrewaju Kabiru