我知道標題相似的問題已經存在，但是在閱讀它們之后，我仍然被困住了。
我正在開發一個使用Django和提供靜態檔案（css 和 js）的網站，使用{% static %}標簽沒有問題。我想使用自定義字體，因此將此樣式標記放在我的基本模板中。（它以<head>我期望的方式在頁面中結束。）
<style>
@font-face {
font-family: IRANSansX !important;
font-style: normal;
font-weight: 400;
src: url({% static 'css/fonts/IRANSansX-Regular.woff2' %}) format('woff2'); /* final value -> url(/static/css/fonts/IRANSansX-Regular.woff2)*/
}
body {
font-family: IRANSansX, sans-serif;
}
</style>
令我驚訝的是，什么也沒發生。在 Chrome 和 Firefox 中，瀏覽器不會發送下載字體的請求。我做了幾項檢查：
- 我測驗并看到，如果我通過將 的值附加
url()到我的網站域來手動創建一個 url，Django 會提供字體。 - 我嘗試將字體應用于其他元素，但沒有成功。
- 我想
''和""我的字體系列名稱和網址，沒有成功。 - 我嘗試了另一種字體，沒有成功。
奇怪的是，bootstrap-icons.woff2字體（也是 woff2 型別）作業正常并由瀏覽器加載。唯一的區別是，它是由bootstrap-icons.css檔案相對尋址的。
uj5u.com熱心網友回復：
這一切都!important在font-family定義的最后。我洗掉了它，一切正常！
奇怪的是，如果!important不是字體的一部分并且實際上破壞了它的功能，為什么我的 IDE（Pycharm）甚至沒有觸發警告。
uj5u.com熱心網友回復：
它對我有用，如下所示：
@font-face {
font-family: "iransans";
src: url("./IRANSansWebFaNum.eot");
src: url("./IRANSansWebFaNum.eot?#iefix") format("embedded-opentype"), url("./IRANSansWebFaNum.woff2") format("woff2"), url("./IRANSansWebFaNum.woff") format("woff");
font-weight: normal;
font-style: normal;
}body {
font-family: "IRANSansX", sans-serif;
}轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/390304.html