字体真棒图标不会显示？
[英]Font Awesome Icons won't show?
问题描述
I did the exact required steps in the website and still it doesn't work..
我在网站上做了确切要求的步骤，但它仍然不起作用..
<script src="https://use.fontawesome.com/3e91539bf3.js"></script> <div class="navbar"> <a href="#"><i class="fas fa-user-friends"></i>About Me</a> <a href="#"><i class="fas fa-person-booth"></i>My Builds</a> <a href="#"><i class="fas fa-clock"></i>Get in-touch</a> </div>
3 个解决方案
解决方案1
0 2020-07-06 19:49:44
give this a try it should work.试一试它应该可以工作。
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/js/all.min.js"></script>
解决方案2
0 2020-07-06 20:03:18
<script src='https://kit.fontawesome.com/a076d05399.js'></script> <div class="navbar"> <a href="#"><i class="fas fa-user-friends"></i>About Me</a> <a href="#"><i class="fas fa-person-booth"></i>My Builds</a> <a href="#"><i class="fas fa-clock"></i>Get in-touch</a> </div>
解决方案3
0 2020-07-06 20:06:50
I can say that's because of the version mismatch, you can try font awesome 4.7 as it is included in bootstrap cdn.我可以说这是因为版本不匹配，你可以试试 font awesome 4.7，因为它包含在 bootstrap cdn 中。
Copy to the head of html复制到html的头
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
Example:例子：
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width: initial-scale="> <title></title> <link rel="stylesheet" href="https.//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> </head> <body> <i class="fa fa-5x fa-cog fa-fw" aria-hidden="true"></i> <i class="fa fa-camera-retro fa-5x"></i> </body> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
字体真棒图标不会显示 - Font awesome icons won't show
如何显示“真棒字体”图标 - How to show the Font Awesome icons
为什么 Font Awesome 图标没有显示在我的锚中？ - Why don't Font Awesome icons show up in my anchor?
cypress runner 容器上不显示 Font Awesome 图标 - Font Awesome icons doesn't show up on cypress runner container
html 字体真棒图标不会显示 - html font-awesome icon won't show
真棒字体不显示其图标 - Font awesome does not show its icons
Google Plus Font Awesome Icon将不会显示-其余图标可以正常工作 - Google Plus Font Awesome Icon won't display - the rest icons work fine
一些字体很棒的图标没有显示 - Some font awesome icons aren't showing
字体真棒图标不对齐 - Font Awesome icons don't align
字体真棒图标不会出现 - Font awesome icons don't appear
相关标签