在Python Django应用程序中使用font-awesome

jexiocij  于 12个月前  发布在  Go
关注(0)|答案(3)|浏览(172)

我正在尝试在我的python django应用程序中加载字体真棒图标的本地副本。
我的模板base.html包含:

{% load static %}
<!doctype html>
<html lang="en">
<head>   
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="{% static 'appointments/css/all.css' %}" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <title>{% block title %}Hello, world!{% endblock %}</title>
</head>

字符串
改编自https://docs.djangoproject.com/en/2.0/howto/static-files/
我的应用程序的目录结构是:

joel@hp:~/myappointments$ tree
.
├── appointments
│   ├── admin.py
│   ├── apps.py
│   ├── __init__.py
│   ├── migrations
│   │   ├── __init__.py
│   ├── models.py
│   ├── static
│   │   └── appointments
│   │       ├── css
│   │       │   ├── all.css
│   │       └── webfonts
│   │           ├── fa-brands-400.eot
│   │           ├── fa-brands-400.svg
│   │           ├── fa-brands-400.ttf
│   │           ├── fa-brands-400.woff
│   │           ├── fa-brands-400.woff2
│   │           ├── fa-regular-400.eot
│   │           ├── fa-regular-400.svg
│   │           ├── fa-regular-400.ttf
│   │           ├── fa-regular-400.woff
│   │           ├── fa-regular-400.woff2
│   │           ├── fa-solid-900.eot
│   │           ├── fa-solid-900.svg
│   │           ├── fa-solid-900.ttf
│   │           ├── fa-solid-900.woff
│   │           └── fa-solid-900.woff2
│   ├── templates
│   │   └── appointments
│   │       ├── base.html
│   │       ├── createappointment.html
│   │       ├── doctor.html
│   │       ├── doctors.html
│   │       ├── home.html
│   │       ├── index.html
│   │       ├── navbar.html
│   │       ├── patient.html
│   │       └── patients.html
│   ├── tests.py
│   ├── urls.py
│   ├── using shell.txt
│   └── views.py
├── appointments.ipynb
├── db.sqlite3
├── manage.py
├── myappointments
│   ├── __init__.py
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py


然而,这些图标没有被提供。它的工作,如果我使用以下:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">

5sxhfpxr

5sxhfpxr1#

我遇到了同样的问题。Django找不到webfonts目录-当我运行python manage.py runserver时,我可以看到404对font-awesome文件的响应。
all.css文件的底部,您应该看到一些src: url(../webfonts/..)属性。将这些属性更改为src: url("/static/webfonts/..)。当您runserver时,您应该看到200响应而不是404,表明您的文件已找到。
如果仍然有错误,检查控制台。右键单击图标(它应该在的地方),单击“检查”,单击“控制台”(在Chrome中;或任何你的浏览器的等效版本)

zysjyyx4

zysjyyx42#

我只是有这个问题,想评论它说有人张贴在pypi:https://pypi.org/project/django-static-fontawesome/一个“干净”的css与良好的“url”链接,
如果没有罗恩g,我永远不会明白为什么它不会工作

5jvtdoz2

5jvtdoz23#

我知道这是一个旧的线程,但谷歌没有显示它给我的结果,所以我认为它是重要的添加在这里.字体awsome现在有一个Python包,这使得它非常容易使用.安装它:

pip install fontawesomefree

字符串
更多信息:https://fontawesome.com/docs/web/use-with/python-django

相关问题