font-face在django中不能工作

Question

在django（本地測試項目）中，我的style.css文件在一個靜態文件夾中，這是一個完美的作品，風格適用於模板。靜態文件夾包含一個圖像文件夾和一個字體文件夾。圖像文件夾的內容出現在瀏覽器中，但字體不是！ 這裏是我的font-face代碼：

font-family: '‌‌‌BMitra'; 
src: url('fonts/BMitra.eot?#') format('eot'), 
url('fonts/BMitra.ttf') format('truetype'), 
url('fonts/BMitra.woff') format('woff'); 

我用螢火檢查CSS和找到我的個人字體表示禁用，瀏覽器使用宋體改爲：

direction: rtl; 
color: #092E20; 
font-size: 24px; 
font-family: BMitra, Tahoma, Arial; 
text-align: right; 

你怎麼Django中使用的字體面？

Answer 1

正如你提到你的目錄結構：

• 靜態
  • CSS
    • my_css_file.css
  • 字體
    • font1
    • font2

然後在您的my_css_file.css文件，你需要加緊一個文件夾來訪問字體：

url('../fonts/BMitra.ttf') 

Answer 2

這可能是由於CORS問題。你的字體是否與Chrome一起工作？

這可能幫助：

http://html5hacks.com/blog/2012/11/18/configure-amazon-s3-for-cross-origin-resourse-sharing-to-host-a-web-font/

Answer 3

所以以防萬一有人仍在運行到這個問題，我找不到答案其他地方。在CSS內部，它不會使用相對路徑，只能通過從靜態文件夾開始的絕對路徑，如下所示：

src: url('/static/fonts/BMitra.eot?#') format('eot'),