如何将字体图标添加到导航栏（ul，li navbar）

2024-05-20 • 问答

我几乎完成了导航栏，我只想添加1个字体图标，这将打开“我的帐户”页面。我尝试了这个：导航栏看起来不错，只是缺少字体。

<header>
        <nav id="navbar">
            <div class="container">
                <h1 class="logo"><a href="_com.html">censord</a></h1>
               <div class="my_account >
    <i class="fas fa-user-cog"></i>
    </div>
               <ul>
              <li><a  href="_com.html">Categories</a></li>
              <li><a  href="_com.html">Post</a></li>
              <li><a href="_com.html">Search</a></li>
              <li><a href="_com.html">About</a></li>
              <li><a href="_com.html">My account</a></li>
               
            </ul>
          </div>
        </nav>
      </header>

这里有两点：

您在此行上缺少引号，弄乱了HTML：<div class="my_account >
确保将CSS属性font-family: FontAwesome应用于您的<i>元素。

编辑：您也可以尝试通过将其添加到CSS中来手动设置i元素的内容：

i.fa-user-cog { 内容：'\ f4fe'; }

如何将字体图标添加到导航栏（ul，li navbar）

aishine 回答：如何将字体图标添加到导航栏（ul，li navbar）

大家都在问