我想在不使用cdn的情况下在本地使用Font Awesome。
我的代码无法在页面中添加字体真棒图标。
我可以使用cdn链接轻松工作，但本地链接无法执行任何操作。
由于
杰森。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>How it Works | Rubberdesk </title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Font-Awesome CSS -->
<link href="/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">
答案 0 :(得分：10)
写这个可能对像我这样的人有用：
font-awesome.min.css的实际文件夹是 public / css / font-awesome.min.css
在 font-awesome.min.css 文件中，font-family源指的是URL *'.. / fonts / fontawesome-webfont.eot'。因此，以下文件必须位于 public / fonts /
中答案 1 :(得分：5)
在本地使用bootstrap / font-awesome文件时，您需要做的是：
<span class="fa fa-home"></span>等等。答案 2 :(得分：1)
检查路径是否正确并放在右侧文件夹中
试试这段代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>How it Works | Rubberdesk </title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Font-Awesome CSS -->
<link href="font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">
它看起来与问题相同，试试这个
答案 3 :(得分：1)
这里是5.8.1版的更新。如上所述，您需要在本地下载字体文件，以便在本地运行Awesome字体。
要使用的文件夹现在称为/ webfonts
从本地下载这些文件，并将它们放在一个名为/ webfonts的文件夹中。
示例：（https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-brands-400.eot）
css引用以下URL。
../webfonts/fa-brands-400.eot
../webfonts/fa-brands-400.woff2
../webfonts/fa-brands-400.woff
../webfonts/fa-brands-400.ttf
../webfonts/fa-brands-400.svg
../webfonts/fa-regular-400.eot
../webfonts/fa-regular-400.woff2
../webfonts/fa-regular-400.woff
../webfonts/fa-regular-400.ttf
../webfonts/fa-regular-400.svg
../webfonts/fa-solid-900.eot
../webfonts/fa-solid-900.woff2
../webfonts/fa-solid-900.woff
../webfonts/fa-solid-900.ttf
../webfonts/fa-solid-900.svg
所有字体文件的总大小约为2.5 MB。
答案 4 :(得分：1)
我尝试在我的 Django 项目中实现服务 font-awesome.min.css 。
问题1。 我的第一个问题是如何自行提供字体文件。最初，浏览器会出现错误（无法访问字体文件）。
但是浏览器错误本身却很明显：
将鼠标指针悬停在错误行上将引发以下情况：
“ .... / static / my_project / fonts / fontawesome-webfont.woff2？v = 4.7.0”
因此，这解决了我关于字体文件应驻留的位置的第一个问题。告诉我将它们放在创建的静态文件夹（像这样在“ settings.py ”文件中定义）的子文件夹“ 字体”中：
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
以及“ urlpatterns”中的以下内容（在项目的 urls.py 文件中）：
static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
.css文件的路径以及相关的字体如下：
project_root
------ static
-------app_name
--------css
----------font-awesome.min.css
--------fonts
----------<font_files>
接下来是字体文件本身的问题。
问题2：字体文件在哪里？
最初，我是按照浏览器的CDN路径下载字体文件的（即css文件本身以及相关的文件，其中还包括名为“ webfonts ”的文件夹）。但是，即使将文件夹复制到“字体”文件夹后，字体也无法使用，浏览器继续产生错误。
在“ .css ”文件中，引用了字体文件，但在“ webfonts 文件/路径本身。 >”文件夹（也由上述浏览器错误确认（“ .... / static / my_project / fonts / fontawesome-webfont.woff2？v = 4.7.0”）。
在网上搜索“ fontawesome-webfont.woff2”时，我遇到了site，其中列出了要下载的文件：
将文件（上述 s.no。1-5））复制到文件夹“ fonts ”中后，字体将成功并按需提供。
答案 5 :(得分：0)
感谢大家的帮助。
看起来这是一个“fa fa-icon”类问题。我以为我有他们在那里，但他们肯定在编辑过程中丢失 - 可能是由于版本控制不佳。
我想我错误地使用了一些3.x.x代码。
有趣的是，使用cdn代码仍能解决所有问题。
再次感谢。应该能够现在解决所有问题。
杰森。
答案 6 :(得分：0)
我在Mac OS上遇到了同样的问题。我的解决方案是
sudo chown -R _www:staff project/
答案 7 :(得分：0)
您需要链接到all.css文件或all.min.css文件，以使font-awesome可以在您的PC上本地工作，并确保将webfonts文件夹复制到font-awesome文件夹。
答案 8 :(得分：0)
使用all.css，而不是fontawesome-min.css。
参考：https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself