字体真棒没有出现在浏览器中 [英] Font Awesome not appearing in the browser

问题描述

我正在为我的项目开发一个网站。我使用Bootstrap和Font Awesome来处理图形，但是我面临一个问题。当我使用Font Awesome图标时，某些图标不会显示在浏览器中，但会显示一些图标。例如。 fa fa-user不显示。它像一个小盒子一样出现。但是有些图标显示，并且我在网页中链接了 font-awesome-min.css 。

请参阅下面的内容image： $ b

解决方案

我经常遇到的问题是 *。woff2 文件被服务器阻止。我怀疑这也是这种情况。查看是否可以在浏览器中打开< font-awesome> /fonts/fontawesome-webfont.woff2 文件。如果没有，你需要改变Web服务器的配置。

编辑：我找到了一篇相关文章，请看这里： .woff2字体的正确MIME类型，第二个答案显示了如何配置IIS。

I am developing an website for my project. I am using Bootstrap and Font Awesome for glyphicons, but I am facing an issue. When I use Font Awesome icons some icons do not show up in the browser, but some icons do show up. E.g. "fa fa-user" does not show up. It comes up like a small box. But some icons show and I linked the font-awesome-min.css in the webpage.

Refer the below image:

解决方案

The problem I experienced most often is that the *.woff2 file was blocked by the server. I suspect this is also the case here. See if you can open the <font-awesome>/fonts/fontawesome-webfont.woff2 file in the browser. If not you need to change the configuration of the web server.

Edit: I found a related post, see here: Proper MIME type for .woff2 fonts, the 2nd answer shows how to configure IIS for example.

这篇关于字体真棒没有出现在浏览器中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！