解决办法fonts/fontawesome-webfont.woff2 404

最新推荐文章于 2024-05-19 15:34:50 发布
最新推荐文章于 2024-05-19 15:34:50 发布
阅读量2.3w 收藏 5
点赞数 5
分类专栏： js页面报错 文章标签： font 404
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43224049/article/details/84136739
版权

对于很严重的强迫症的人来说，那是必须找到解决办法。

引用外部文件到自己本地文件夹主要是没有这个文件具体的css样式

第一次使用FontAwesome加载字体，但是使用的时候却提示fonts/fontawesome-webfont.woff2 404 (Not Found)，很明显这是由于文件不存在导致的问题。然后我们具体来看一下：

1.第一种就是看到其他作者写的在文件的后缀加上.woff2(当然笔者没有试过 主要是挺麻烦的)

2.就是直接下载一个FontAwesome的文件夹（然后导入你的项目就OK了）

http://fontawesome.dashgame.com/（这里直接下载就可以了）

  <link href="js/font-awesome.min.css" rel="stylesheet" type="text/css">

直接导入就可以了

笑而不语的猫
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
font-awesome-4.7.0.zip
05-18
《Font Awesome 4.7.0：图标字体的利器》 Font Awesome，作为一个广受欢迎的图标库，为网页设计和开发提供了丰富的图标资源。在4.7.0这个版本中，它延续了其一贯的强大功能和易用性，使得开发者能够轻松地在网页上...
fontawesome-webfont
02-12
提供字体描述 ，为了方便大家使用 ，使用起来方便快捷
解决fonts/fontawesome-webfont.woff2 404
永栋的博客
04-17 886
解决办法fonts/fontawesome-webfo这里写自定义目录标题 1.打开服务器IIS管理器，找到MIME类型； 2、添加MIME类型 添加三条：　　 文件扩展名 MIME类型　 .svg image/svg+xml .woff application/x-font-woff .woff2 application/x-font-woff ...
【问题及解决】fonts/fontawesome-webfont.woff2 404 (Not Found)
weixin_30843605的博客
09-30 1678
问题： 虽然网页正常显示和运行，但是有2个字体文件出现404错误。像笔者这种强迫症是接受不了的。 解决： 因为笔者的服务器是虚拟主机，只需要在主机控制器平台添加对应的MIME类型即可。 这样服务器就支持这两种字体文件，不会报错了。 参考的解决方案文章全文如下： 来源：http://www.yneit.com/2016/06/fontsfontawesome-web...
【html和css】Fontawesome最新的4.7.0版，675个图标
最新发布
【敦厚的曹操】的专栏
05-19 306
500px address-book address-book-o address-card address-card-o adjust adn align-center align-justify align-left align-right amazon ambulance american-sign-language-interpreting anchor android angellist angle-double-down angle-double-
QT中使用fontawesome-webfont.ttf字体库
abc
02-22 3075
QT中使用fontawesome-webfont.ttf字体库 fontawesome-webfont.ttf https://fontawesome.com/ 1、fontawesome-webfont.ttf字体库中包含了很多图标， 每个图标都对应一个编码， 所以我们通过字体编码来加载所需要的图标。 2、字体库的下载地址：http://www.bootcss.com/p/font-awesome/。 下载完成后我们找到fontawesome-webfont.ttf文件， 他是我们需要的字体库，我们可以将
解决IIS Web部署 svg/woff/woff2字体找不到问题
深南大道
02-21 8523
最近项目中用到了fontawesome-webfont.svg等字体。部署项目后，发现没有发现浏览器总是报找不到woff、woff2字体的错误。​ 原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。 登录网址下载对应的文件放在自己的项目中 http://fontawesome.io/#modal-download​ 1、
QT 使用fontawesome-webfont.ttf 字体库加载基础图标
m0_67254672的博客
03-13 851
2. 下载解压之后找到如下路径中的字体库，并添加到QT资源中。
开发工具 fontawesome-webfont.woff
05-31
开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fontawesome-webfont.woff开发工具 fo
fonts/fontawesome-webfont.woff2 404
coding
12-20 5348
使用FontAwesome加载字体，但是使用的时候却提示fonts/fontawesome-webfont.woff2 404 ，很明显这是由于文件不存在导致的问题。然后我们具体来看一下：可能存在两种情况： 1、相关目录文件不存在2、由于web服务器不支持导致的： nginx不支持的情况，可以参考下面的配置解决：location ~* \.(eot|otf|ttf|woff|woff2|svg)
bfont-awesome-4.7.0 稳定版本 下载
11-14
font-awesome-4.7.0 在线版 1.进入 Font Awesome官网 2. 在html中引入文件 3.在网页中直接检查图标对应源码 下载压缩包文件 1.下载Font Awesome安装包. 2. 复制整个font-awesome目录到你的项目 3. 在你的...
开发工具 fontawesome-webfont.ttf
05-31
开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont.ttf开发工具 fontawesome-webfont
font-awesome-4.7.0 图标库
03-20
Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
开发工具 fontawesome-webfont.svg
05-31
开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont.svg开发工具 fontawesome-webfont
解决Web部署 svg、woff、woff2字体 404错误
10-11
解决Web部署 svg、woff、woff2字体 404错误 ，解决Web部署 svg、woff、woff2字体 404错误
微信小程序引入使用fontawesome图标库【内附懒人包下载导入即用】
weixin_44229624的博客
08-08 2345
小程序引入fontawesome需要做的步骤是比其他的多一点，比如说本质上下载下来fontawsome没法直接用，他有好多的css，其实也有好多TTF的字体文件，对于他的这种 TTF的文件是需要给它进行一个转换，转换之后把它变成是比如说base64，它编码变成之后再把它引入到我们的项目中。
font-awesome不显示以及字体样式的引入方式：
Coder-coco的博客
08-14 480
2,使用时，不能只把css文件复制到自己的工程项目下，还需要把fonts文件夹一起复制过去【问题解决】然后，再复制图标名称，注意引入阿里图标名称到元素的class=“ ” 【加前缀 iconfont】选择自己需要的图标-》点“购物车”按钮去-》添加到项目（没有项目则随便起个项目名创建一个）（1）官网下载样式copy到自己的工程项目下link引入。-》复制生成的代码到中，font-awesome不显示。，点击下载一下，就可以使用啦.“复制代码”即可获得图标名称，
用浏览器能打开 file:///C:/Users/Administrator/Desktop/%E5%95%86%E5%9F%8E%E6%A8%A1%E6%9D%BF/fonts/fontawesome-webfont.woff2-v=4.4.0，但是css引用一直404
06-11
这可能是因为你在CSS文件中引用的路径不正确导致的。请确保你在CSS文件中正确引用了字体文件。你可以检查一下字体文件的路径和CSS文件中的路径是否匹配。另外，你也可以尝试使用相对路径来引用字体文件，例如：../fonts/fontawesome-webfont.woff2-v=4.4.0。如果问题仍然存在，你可以检查一下服务器是否正确配置了MIME类型，或者尝试清除浏览器缓存。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值