css 为什么图标不显示？

guicsvcw 于 2022-12-27 发布在其他

关注(0)|答案(1)|浏览(226)

<div class="bottom">
    <input type="range" name="range" id="myprogressbar" min="0" max="100">
    <div class="icons">
        <!-- fontawsome icons -->
       <i class="fas fa-2x fa-step-backward"></i>
       <i class="far fa-3x fa-play-circle"></i>
       <i class="fas fa-2x fa-step-circle"></i>
    </div>
   </div>

<div class="bottom">
    <input type="range" name="range" id="myprogressbar" min="0" max="100">
    <div class="icons">
        <!-- fontawsome icons -->
       <i class="fas fa-2x fa-step-backward"></i>
       <i class="far fa-3x fa-play-circle"></i>
       <i class="fas fa-2x fa-step-circle"></i>
    </div>
   </div>

在html中添加这个后，我没有得到我的图标在网页上。我不能看到网页上的图标，而我必须添加字体真棒网站在css或html文件的链接

css

来源：https://stackoverflow.com/questions/74922261/why-icons-are-not-showing

1条答案

按热度按时间

bnlyeluc1#

检查你的链接字体真棒库。还有，fa-step-circle图标不存在，我想你需要fa-step-forward代替

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" rel="stylesheet"/>
<div class="bottom">
    <input type="range" name="range" id="myprogressbar" min="0" max="100">
    <div class="icons">
        <!-- fontawsome icons -->
       <i class="fas fa-2x fa-step-backward"></i>
       <i class="far fa-3x fa-play-circle"></i>
       <i class="fas fa-2x fa-step-forward"></i>
    </div>
</div>

赞(0）回复(0）举报 2022-12-27

我来回答

css 为什么图标不显示？

1条答案

相关问题

热门标签

最新问答