字体真棒图标不会显示?

时间:2020-07-06 00:56:45

标签: html font-awesome

我在网站上执行了所需的确切步骤,但仍然无法正常工作。

<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 个答案:

答案 0 :(得分:0)

尝试一下它应该可以工作。

import itertools
for i in a:
  for x in a[i]:
    a[i][x] = {k: v for k, v in sorted(a[i][x].items(), key=lambda item: item[1],reverse=True)}
    a[i][x] = dict(itertools.islice(a[i][x].items(), 2))

答案 1 :(得分:0)

<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>

答案 2 :(得分:0)

我可以说这是因为版本不匹配,您可以尝试Bootstrap CDN中包含的4.7字体。

复制到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">

示例:

<!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>

相关问题