我根本不知道这里发生了什么，我使用了 fontawesome

Question

Screenshot of the Webpage

在对之前部分中的一些内容进行格式化后（绝对不会对本部分产生影响），这一切就发生了。所有名称上的 font-size 都是 4em (h4)。但不知何故，它显示为不同的尺寸。它搞砸了我的间距，到处都放了这个图标。

我对造成这种情况的原因感到非常困惑。

<section class="panel configuration" data-section-name="configuration">
<div class="inner">
<h2>Unser Team</h2>
<p><b>Wir sind im Grunde Ihre Lieblingsleute, die auch tolle Webseiten erstellen, Logos entwerfen und Ihnen helfen, Ihr Geschäft bekannt zu machen, wir sind uns sicher, dass Sie uns mögen werden.</b></p>

<div class="rowz">
        <div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
                <div>
                    <img style="border-radius: 50%" src="img/avatar-2.jpg" width="150" height="150">
                    <h4>Luan B</h4>
                    <h3>Gründer und Designer</h3>
                    <i class="fas fa-pencil-alt"></i></i><i class="fas fa-file-code"></i>
                  </div>
            </div>

<div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
                <div>
                    <img style="border-radius: 50%" src="img/avatar-1.jpg" width="150" height="150">
                    <h4>Loris K</h4>
                    <h3>Designer</h3>
                    <i class="fas fa-pencil-ruler"></i> <i class="fas fa-swatchbook"></i>
                  </div>
            </div>

    <div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
        <div>
            <img style="border-radius: 50%" src="img/avatar-3.jpg" width="150" height="150">
            <h4>Lino P</h4>
            <h3>Backend-Developer</h3>
            <i class="far fa-file-code"></i> <i class="fas fa-code"></i>
    </div></div>
    </div>
    </div>

这部分。非常感谢您的帮助。提前致谢。

PS正常的标题和普通字体也不应该这么大

Answer 1

这是由于代码中的一个错误。您在第一个 'windowz' 块中有双 < /i > 结束标记。删除一个关闭的 i 标签，它应该可以工作。

Answer 2

错误是双重的</i>

<i class="fas fa-pencil-alt"></i></i>

而不是

<i class="fas fa-pencil-alt"></i>

我根本不知道这里发生了什么，我使用了 fontawesome

I have simply no idea what happened here, I used fontawesome

html

css

font-size

font-awesome-5