為什麼我的 Font Awesome 圖示顯示為正方形？

圖示在 Font Awesome 中無法正確顯示

利用 Font Awesome 將圖示合併到行銷頁面可能是寶貴的資產。然而，當圖示意外地顯示為正方形時，使用者可能會遇到困難。

確定原因

為了解決此問題，必須確保正確的正在實施類別結構。正確的格式涉及使用兩個類：「fa」類，後面跟著指定所需圖示的類，例如「fa-twitter」或「fa-search」。

範例

在Font Awesome 的早期版本中，以下用法被認為是正確的：

<i class="fa-search"></i>

但是，要正確顯示圖標，現在需要使用以下結構：

<i class="fa fa-search"></i>

Bootstrap 5 Update

要注意的是，Font Awesome 版本 5 已經貶值了「fa」字首。因此，現在預設樣式為“fas Solid”，品牌使用“fab style”。

遵循這些準則，您可以有效解決 Font Awesome 中圖示無法正常顯示的問題，使將引人入勝的視覺元素無縫整合到您的行銷頁面中。

以上是為什麼我的 Font Awesome 圖示顯示為正方形？的詳細內容。更多資訊請關注PHP中文網其他相關文章！