问下大家font-awesome 页面显示都是方框？

我在页面上引入了 font-awesome.min.css
然后我的font-awesome目录里面有css，fonts。两个目录是平级的，就是不知道为什么，

.fa-magnifying-glass:before, .fa-search:before {

   content: "\f002";

}

然后页面上就是一个方框，问下有没有css大佬？

donggan

323 声望

暂无个人描述~

0 人点赞

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

Mutoulee

课程读者 333 声望 / Developer @ Dobeen.Net

最佳答案

F12 -- 网络，看看有没有加载失败的静态资源

2年前评论

Mutoulee （作者）

@donggan 要看你css中引用的字体文件路径是不是有问题

donggan （楼主）

console没有报错，都是200.font-awesome.min.css加载了，然后没有加载font-字体文件

donggan （楼主）

@Mutoulee 我这个font-awesome.min.css 里面就没有引入字体文件，是需要引入吗

Mutoulee （作者）

@donggan font-awesome.min.css文件第一行就是引入字体文件路径

donggan （楼主）

@Mutoulee 给你看下，我那个压缩后的css，开头是这样的。.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;

Mutoulee （作者）

@donggan 你下载个全新的font-awesome.min.css打开看看就知道了

讨论数量: 8

Mutoulee

课程读者 333 声望 / Developer @ Dobeen.Net

F12 -- 网络，看看有没有加载失败的静态资源

2年前评论

Mutoulee （作者）

@donggan 要看你css中引用的字体文件路径是不是有问题

donggan （楼主）

console没有报错，都是200.font-awesome.min.css加载了，然后没有加载font-字体文件

donggan （楼主）

@Mutoulee 我这个font-awesome.min.css 里面就没有引入字体文件，是需要引入吗

Mutoulee （作者）

@donggan font-awesome.min.css文件第一行就是引入字体文件路径

donggan （楼主）

@Mutoulee 给你看下，我那个压缩后的css，开头是这样的。.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;

Mutoulee （作者）

@donggan 你下载个全新的font-awesome.min.css打开看看就知道了

singrun

课程读者 40 声望

webfonts 文件夹内文件需要引入

2年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

问下大家font-awesome 页面显示都是方框？

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

问下大家font-awesome 页面显示都是方框？

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录