使用更好的字體真棒將圖標字體添加到 WordPress

人們自然會被 WordPress 網站的視覺方面所吸引，就像他們被您分享的書面內容所吸引一樣。 事實上，根據互聯網營銷人員 Jeff Bullas 的說法，有圖片的文章的瀏覽量比沒有圖片的文章多 94%。

如果你問我，那是頁面瀏覽量的巨大增長。

究竟是為了做什麼？

只需在您的內容中添加一些高質量、適合文章的圖像。

但是，您網站上的圖像超越了屏幕截圖和圖庫攝影的範圍呢？ 那些不僅能吸引注意力而且還能發揮有用功能的圖像呢？

是的，我說的是圖標。 你知道，那些分散在網站上的小圖片，用於社交分享、聯繫企業主和下載信息，僅舉幾例。

由於這個想法在該網站上流行起來，訪問者不僅被網站上的圖像圖標所吸引，而且也傾向於與它們進行交互，因此全世界的人們都開始將它們添加到他們的網站中。

然而，隨著技術的進步，傳統的圖像圖標作為網站的圖像解決方案已經開始步履蹣跚。 這是因為它們增加了太多的文件權重，需要太多的 http 請求，不能很好地擴展，最糟糕的是——它們不適合移動設備。

但是有一個解決方案：圖標字體。

今天，我將討論什麼是圖標字體以及在您的 WordPress 網站上使用它們的優勢。 那麼，讓我們開始吧。

繼續閱讀，或使用以下鏈接跳轉：

• 什麼是圖標字體以及為什麼使用它們？
• 字體圖標選項

什麼是圖標字體以及為什麼使用它們？

圖標字體正是它們聽起來的樣子——完全由圖標組成的字體。 實際上，圖標字體可以描述為一種只顯示字元或符號的字體，而忽略了傳統文本字體自帶的字母和數字。

圖標字體用於在您的網站上顯示常用符號。 例如，社交媒體按鈕、您的購物車、下載按鈕和導航按鈕都是在您的網站上顯示為小型互動式圖像的圖標示例。

為什麼使用圖標字體？

過去，圖像圖標對許多網站所有者來說效果很好。 然而，隨著互聯網世界中導航、可用性和設計規則的發展，圖標字體已成為在網站上顯示互動式圖像的更好解決方案。

以下是為什麼圖標字體是更好選擇的一些令人信服的原因：

• 輕鬆擴展且不損失質量
• 可根據顏色和陰影進行定製
• 100% 響應
• 像 CSS 圖像精靈一樣工作，但可以像文本一樣設置樣式
• 使用方便
• 透明的淘汰賽支持
• 跨瀏覽器友好
• 自定義不透明度、旋轉等
• 更小的文件大小
• 不要犧牲網站的速度或性能

如您所見，您可能希望在網站上使用圖標字體而不是圖像圖標有幾個原因。

字體圖標選項

首先，讓我們看看一些可以找到免費和高級圖標字體集的最佳位置。 使用這些資源，您可以生成自定義字體圖標，利用獨家和獨特的圖標圖像，甚至訪問工具來幫助您將圖標直接導入您的網站。

• 豐泰洛. 將免費的自定義矢量圖像轉換為 Web 字體，以便在您的網站上使用，這些字體清晰、可擴展且跨瀏覽器友好。 此外，使用 CSS 進行自定義以更改顏色、大小、陰影等。
• 愛可夢. 此在線服務可讓您創建清晰、像素完美的圖標字體。 此外，您可以使用專屬的圖標字體生成器將圖像圖標更改為圖標字體。 擁有 5000 個免費和開源圖標，以及 4000 多個放置在特殊圖標包中的高級圖標，這裡不乏可供選擇的圖像。

接下來，讓我們看看可以在您的 WordPress 網站上使用的字體插件。

WP SVG 圖標

WP SVG Icons 是一個 WordPress 圖標插件，包含超過 490 個圖標。 此外，您可以使用獨家的 Icomoon 圖標包字體導入器創建和上傳多達 10 個自己的自定義圖標。

使用此插件，您可以輕鬆地將圖標插入帖子、頁面和側邊欄，而無需使用最新的短代碼功能編寫任何代碼。

最後的想法

在您的 WordPress 網站上使用圖標字體不僅可以在不犧牲速度或性能的情況下添加精美的圖像，還可以為您的網站增加一定程度的功能，從而鼓勵更多的用戶交互。

圖標字體易於縮放、自定義，最重要的是，它們為您的網站訪問者提供終極查看體驗，無論他們從何處訪問您的網站。

使用插件解決方案（例如 WP SVG Icons）是將圖標字體添加到您的網站的最簡單方法之一。 這是因為使用字體插件幾乎不需要配置，它通常會為您完成大部分工作，因此您不必處理大量的 HTML 代碼。

如果您希望增加網站的頁面瀏覽量，促進內容互動，並為網站訪問者提供一個吸引人的網站，清楚地傳達您希望他們做什麼，請考慮使用 Better Font Awesome 或任何其他選項在您的網站上添加圖標字體我和你分享了。

標籤：

• 字體