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');

我用firebug检查css，发现我的个人字体是禁用的，浏览器使用的是tahoma：

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

你如何在django中使用font-face？

Answer 1

正如您所提到的，目录结构是：

静态
- CSS
  - my_css_file.css
- 字体
  - font1
  - font2

然后在您的my_css_file.css文件中，您需要升级一个文件夹来访问字体：

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

Answer 2

所以，如果有人仍然遇到这个问题，我无法在其他任何地方找到答案。在CSS内部，它不能使用相对路径，只能通过从静态文件夹开始的绝对路径，如下所示：

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

Answer 3

这可能是由于CORS问题。你的字体是否适用于Chrome？

这可能会有所帮助：

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

font-face在django中不起作用

3 个答案: