字體很棒:完整的圖書館指南

字體很棒:完整的圖書館指南


免費圖標字體很棒:它是什麼以及它用於什麼。如何將圖標連接到站點。圖書館的優點和缺點。

什麼是字體令人敬畏,網站上使用的是什麼。圖書館福利。

字體令人敬畏的圖標集:終極指南

字體令人敬畏是基於CSS和更少的字體和圖標。該工具允許您快速將各種圖標連接到網站,從而顯著提高其設計和可用性。它足以插入幾行代碼。

FONT AWACYEN為您提供可擴展的矢量圖標,您可以輕鬆個性化 - 大小,顏色,陰影以及CSS可以完成的所有其他操作。

字體Awesome Library為您提供了大量最佳建議。您可以通過獨特的圖標改進項目。實際上,這是一系列各種圖標,您可以用於自己的目的。

在FONTAWESOME中,所有圖標絕對且完全免費。圖書館根據GNU通用公共許可證獲得許可。這意味著它可以在商業項目中自由地使用,原則上無處不在。

該集合由Dave Gandhi創建。它包括免費的社交媒體圖標,要改進用戶界面的圖標,以及更多。

通常,字體很棒的字體腳本與Bootstrap和Bootstrapcdn結合使用。字體很棒是僅次於谷歌字體的流行度。

這個怎麼運作

主要特徵是所有字體都是令人敬畏的圖標不是靜態圖像。它們處於字體格式。換句話說,這些是圖標字體。例如,搜索圖標或社交網絡徽標與簡單字符“A”,“B”,“C”相同。

字體使用可擴展向量創建令人敬畏的圖標。因此,它們可以增加到幾乎任何尺寸。

所有可用圖標包含在一個字體文件中。您所需要的只是從官方網站下載此文件並將其連接在樣式。

為什麼設計師選擇字體很棒

字體很棒有很多優勢:

  • 快速連接。您只需從官方網站下載一個特殊文件並通過在CSS代碼中指定它的路徑來連接它。
  • 靈活性和可擴展性。圖標可以放大到任何大小。符號將盡可能清晰。在敏感設計時代,這很重要。順便說一下,出於同樣的原因,字體很棒的圖標適用於視網膜顯示器。
  • 程式化。可以輕鬆更改顏色,大小,陰影或任何其他外部參數圖標。設計師獲得樣式常規文本的所有好處。您還可以旋轉圖標。例如,顛倒顯示或旋轉90度。
  • 快速裝載該網站。所有圖標都包含在一個字體文件中。因此,它只需要一個HTTP請求來加載字體令人敬畏。這對網站性能很好。
  • 愛瀏覽器。字體很棒是一個跨瀏覽器工具。您不必擔心字體和圖標的瀏覽器兼容性。他們都得到了所有的支持。甚至舊IE8。
  • 兼容不同的框架。該庫主要是為Bootstrap創建的。但是,它也將與其他框架合作。
  • 幾種格式。該工具可在.ttf,.woff和svg格式中提供。所以字體令人敬畏地與其他Web字體相同的方式處理。
  • 沒有必需的JavaScript。字體令人敬畏不需要javascript運行。

因此,字體很棒是一種有效且方便的工具,顯著節省佈局時間並加快您的網站。

字體令人敬畏的缺點

該工具也有缺點。幸運的是,他們中的許多人都有。

首先,圖標只能用一種顏色繪製。但是,可以避免這種限制。例如,將自由圖標彼此組合。或使用CSS效果

其次,字體令人敬畏的庫包含太多圖標,它們都包含在一個文件中。如果設計師或佈局設計師只需要連接幾個圖標,它們仍然必須完全加載整個庫。這些是數十萬額外的圖標,將佔用空間。但是,這裡也有一個解決方案 - 創建自己的裝配,這將僅包括必要的圖標。

字體令人敬畏的版本:5和6

Font Awesome 5於2017年12月7日發布,最初包含1278個圖標。第五個版本有兩個包:免費(Font令人敬畏)和付費(字體Awesome Pro)。自由計劃還包含來自所有第四個版本的圖標。圖標可在SIL Open Font License 1.1下提供,Creative Commons atjection 4.0和MIT。

SIL Open Font許可證(OFL-1.1)|開源倡議
Creative Commons - 歸屬4.0國際 - CC達4.0
麻省理工學院許可證|開源倡議

字體Awesome 6是2020年下半年發布的新版本。它包括新圖標,僅在付費計劃中提供。

字體令人敬畏6個字母也在2021的路上。這是另一個新一代的圖標庫。除新圖標外,版本6 Alpha還添加了新的樣式,新服務和輔助工具。用戶可以預訂。

免費和付費計劃:差異和特點

您可以免費或支付關稅計劃下載圖標。

自由計劃包括超過1600個圖標和1套。套件是允許您在不添加代碼的情況下快速更改的圖標,樣式和設置集合。

支付關稅:

  • 包含超過7800個圖標和20套。
  • 提供對Font Awesome Pro的訪問權限。這意味著該圖標可以在本機移動應用程序和計算機上使用(例如,在文本編輯器中或在PowerPoint中創建演示時)。
  • 允許您上傳自己的圖標。您可以在旁邊或代替官方字體令人敬畏的圖標使用自己的圖標。例如,這是您如何上傳公司徽標的方式。您可以使用與基本圖標一起執行與您自己的圖標相同的操作 - 更改樣式,大小,顏色等。

這兩個版本都是永久的。也就是說,它們是為所有人提供的。

連接字體的方法令人敬畏

首先,您需要轉到官方網站並下載庫。已下載的存檔必須打開包裝,並將CSS和Fonts文件夾複製到您的站點文件夾。

之後,在頭標籤之間指定了對庫文件的路徑。例如:

如何在網站上顯示字體令人敬畏的圖標。最流行的方法:

1.使用HTML.

最簡單的方法。

您需要轉到官方網站上的畫廊(Fontawesome.com/Icons?D=Gallery)並選擇您喜歡的圖標。每個圖標具有個人代碼,例如:。它足以將其複制和粘貼在代碼中的正確位置。

2.通過CSS

為此,請在以前或之前使用偽元素,以及所需圖標的Unicode。您可以在同一個畫廊中取出它。這種代碼的示例:F209。

樣式文件條目的示例:

div :: {顯示:塊;內容:'F209';字體家庭:'字體真棒5免費';}

總之:所有字體令人敬畏的圖標

因此,字體很棒是一種快速方便的方式,可以在網站上添加免費圖標。所有圖標都很容易可擴展,並且不會減慢網站。





評論 (0)

發表評論