Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 字体图标不能正确显示,即使我正确地发送它们_Html_Css_Fonts_Icons - Fatal编程技术网

Html 字体图标不能正确显示,即使我正确地发送它们

Html 字体图标不能正确显示,即使我正确地发送它们,html,css,fonts,icons,Html,Css,Fonts,Icons,这是我的问题,我将fontawesome文件下载到我的项目文件夹中,因为我假装实施我的项目的地方有代理限制,所以大多数网站和CDN都被重新循环,我遇到的问题是我无法正确显示我的图标,我只会在存储在不同于项目根文件夹的路径上的文件上使用SE图标时获得SE方形符号。这里有我的html代码和一些图片来证明我的观点 文件 SAGEPCYS 控制和隔离平台管理自动化系统 这段代码的重要部分是我链接图标字体样式表的地方 <link rel="stylesheet" href="../../icons/

这是我的问题,我将fontawesome文件下载到我的项目文件夹中,因为我假装实施我的项目的地方有代理限制,所以大多数网站和CDN都被重新循环,我遇到的问题是我无法正确显示我的图标,我只会在存储在不同于项目根文件夹的路径上的文件上使用SE图标时获得SE方形符号。这里有我的html代码和一些图片来证明我的观点

文件

SAGEPCYS

控制和隔离平台管理自动化系统

这段代码的重要部分是我链接图标字体样式表的地方

<link rel="stylesheet" href="../../icons/fawe/css/fontawesome-all.min.css">
在这里,我调用设置class属性的图标,如文档所示

<a class="nav-link active" href="#">
  <span class="far fa-file-alt"></span> Cargar Documentos
</a>
以下是图片

我希望你们能帮我。提前谢谢

编辑:添加webfonts文件夹的内容

Fontsome还需要指向fonts文件夹的链接

如果您访问,这里有关于在没有cdn的情况下使用库的非常详细的说明

查看下载、自定义和自助服务部分

抓取并将CSS和web字体移动到您的项目中fontawesome-all.CSS包含核心样式和所有视觉效果 使用字体时需要的样式。webfonts文件夹 包含上述CSS引用的所有字体文件,以及 看情况而定

将整个webfonts文件夹和fontawesome-all.css复制到您的 项目的静态资产目录或您希望保留的位置 前端资产或供应商的东西。一定要记住你的路线 参考

引用CSS将对fontawesome-all.CSS样式文件的引用添加到要创建的每个模板或页面的 在屏幕上使用字体。注意项目的路径,并 在上一步中将文件移动到的位置

像平常一样在UI的标记中放置图标

版本5

版本4


我成功地正确显示了图标,而且图标只能显示在根文件夹和根文件夹下的一个级别上,当然这取决于您在项目中放置图标的位置。。。这是我能找到的最好的解决办法。。。希望它能帮助某些人……

除了下载.css文件,您还必须下载CDN在使用时使用的字体文件夹it@happymacarts字体文件位于webfonts文件夹中,您可以在项目文件夹树图片的末尾看到该文件夹。您的控制台中是否收到任何错误?缺少文件xyz…?@HappyCarts一点也不,控制台也很干净…webfonts文件夹也在项目文件夹中,与css文件所在的css文件夹处于同一级别,看起来路由有点问题,因为我可以在登录页面上看到正确显示的图标,因为它位于根项目文件夹中..这些在您的公用文件夹中吗?你的所有css都应该可以在任何框架路由或auth之外的根级别访问。你的所有其他CS加载正常吗?你使用的是哪个版本的fontawesome?是的,我的所有其他css文件都加载正常,我实际上使用bootstrap作为前端框架,但没有其他功能,bootstrap加载正常,图标的类别从第4版改为第5版,实际上我是直接从FA网页上的cheashet复制和粘贴这些类别。。
<i class="fas fa-file-alt"></i> --> for solid icons
<i class="far fa-file-alt"></i> --> for regular icons
<i class="fal fa-file-alt"></i> --> for light icons (pro only)
<i class="fa fa-file-alt"></i>