主页 / 问题 / 1472122
Accepted
Alexsander
Asked:2022-11-29 05:05:46 +0000 UTC2022-11-29 05:05:46 +0000 UTC

为什么 font awesome 图标不起作用？

  • 772

为什么有些图标不起作用？(这是一个免费图标)

body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

div {
  height: 100px;
  width: 100px;
  background-color: red;
}

.fa-location-dot {
  font-size: 40px;
  color: #222;
}
<div>
  <i class="fa-solid fa-location-dot"></i>
</div>

fontawesome

1 个回答

  1. Best Answer

    你如何包含 Font Awesome 样式？从 CDN 连接 css 文件时，一切正常。

    body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

div {
  height: 100px;
  width: 100px;
  background-color: red;
}

.fa-location-dot {
  font-size: 40px;
  color: #222;
}
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">

<div>
  <i class="fa-solid fa-location-dot"></i>
</div>

    • 1

相关问题