Как разрешить статическим CSS-файлам доступ к другим файлам, таким как .eot, .ttf, .woff и т. Д. На Django - PullRequest
Новая
       75

Как разрешить статическим CSS-файлам доступ к другим файлам, таким как .eot, .ttf, .woff и т. Д. На Django

0 голосов
/ 18 февраля 2019

Когда я пытаюсь получить доступ к styles.css, Django загружает styles.css, но не файлы, которые он загружает для себя. 

{% load static %}
<link rel="stylesheet" href="{% static 'frontpage/css/style.css' %}">

вот та часть styles.css, которая, как я подозреваю, вызываетпроблема 

src: url("../fonts/icomoon/icomoon.eot?srf3rx");
src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");

Кажется, что файл css не может получить доступ к файлам .eot, но я не знаю, потому что django показывает, что все работает нормально.

1 Ответ

0 голосов
/ 09 мая 2019

У меня была та же проблема, и я потратил немного времени на поиски, как ее решить ... Следуйте ниже, чтобы решить эту проблему для меня:

  1. Вы должны быть уверены, что ваш .ttfфайл находится в любом из путей STATIC_ROOT ... например ::

    (например: {% static 'fonts / yourfontname.ttf'%}

  2. В своем файле .css создайте параметры @ font-face , как показано ниже: например ::

    @ font-face {font-family: yourfontname; src: url ("../ fonts / yourfontname.ttf");}

    • ОЧЕНЬ ВАЖНО: имя семейства шрифтов должно быть БЕЗ кавычек! Большинствоиз людей делают эту ошибку. Кроме того, в URL-пути, я использовал .. потому что моя папка шрифтов находится одна папка от моего файла .css. Так что этот путь зависит от вашей структуры. Я просто хочу отметить, что статические не работаютв файле CSS вместо этого вы должны рассмотреть путь из файла .css, который вы редактируете.

  3. Теперь вы просто обычно включаете имя шрифта, где вы nпрочитайте его в файле .css.Но в это время с цитатами !!!например ::

.logotext {font-family: 'yourfontname';поле слева: 130 пикселей;размер шрифта: 40 пикселей;и т.д ...}

...