6

在 django（本地测试项目）中，我将style.css文件放在一个静态文件夹中，该文件夹非常完美，并且样式适用于模板。static 文件夹包含一个图像文件夹和一个字体文件夹。图片文件夹的内容出现在浏览器中，但字体没有！！！这是我的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 中使用字体？

4

4 回答 4

8

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

  • 静止的
    • css
      • my_css_file.css
    • 字体
      • 字体1
      • 字体2

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

url('../fonts/BMitra.ttf')
于 2013-02-06T12:50:42.563 回答
3

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

src: url('/static/fonts/BMitra.eot?#') format('eot'),
于 2015-06-09T19:42:07.117 回答
0

这可能是由于 CORS 问题。您的字体是否与 Chrome 一起使用？

这可能会有所帮助：

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

于 2013-05-06T08:57:42.133 回答
0

除了路径版本，您应该更改：

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

至：

src: url('fonts/BMitra.eot?#') format('eot');
于 2022-01-22T07:18:45.977 回答