最近更新|軟件分類|軟件專題|軟件排行|手機版|軟件發布FontAwesome v4.7.0
您的位置:首頁>圖形圖像 > 圖標工具>FontAwesome v4.7.0

FontAwesome v4.7.0 PS Web字體圖標插件

網友評分:

相關軟件

軟件介紹

FontAwesome是一款作用于Photoshop上的Web字體圖標插件,你只需要用CSS引入就能出現在Photoshop中,插件中所包含的圖標有585個,可以滿足設計師的日常需求。需要的朋友歡迎下載使用。

FontAwesome v4.7.0

安裝方法

將TTF文件安裝到系統的字體目錄。在PS或AI上使用Font Awesome圖標字體

打開Cheatsheet頁面:fortawesome.github.io/Font-Awesome/cheatsheet/,選中你需要的圖標,復制

在PS或AI上粘貼上去(文字輸入狀態下),這時你可能看到有點異常,那是因為我們沒有選擇字體,把字體選擇為Font Awesome就OK了

FontAwesome v4.7.0

使用方法

最簡單的 Bootstrap + Font Awesome 集成方式使用這種方式將 Font Awesome 集成到默認的 Bootstrap CSS中。

拷貝 Font Awesome 字體目錄到你的項目中。將font-awesome.min.css 文件放到你的項目中。

打開你的項目中的 font-awesome.min.css 文件并編輯字體路徑指向正確的位置。

FontAwesome v4.7.0

在html文檔中的部分,引入 font-awesome.min.css 文件。

FontAwesome v4.7.0

在瀏覽器中打開頁面,檢查是否正確啟用了 Font Awesome

自定義 Bootstrap + Font Awesome LESS文件的方式進行集成修改Bootstrap的LESS文件以集成 Font Awesome。

Font Awesome。拷貝 Font Awesome 字體目錄到你的項目中。

拷貝 font-awesome.less 文件到 bootstrap/less 目錄。

打開 bootstrap.less 文件,并將 @import "sprites.less"; 替換為 @import "font-awesome.less";

打開你的項目中的 font-awesome.less 文件,并編輯 @FontAwesomePath 變量,將其值替換為指向字體文件的正確路徑。

FontAwesome v4.7.0

重新編譯Bootstrap的所有 LESS 文件。如果你使用的是less.js腳本動態編譯的話就能直接在瀏覽器中看到效果了。

在瀏覽器中打開頁面,檢查是否正確啟用了 Font Awesome!

軟件特色

Font Awesome是完全免費的,無論個人還是商業使用。詳見 協議。

支持IE7及以上瀏覽器

Font Awesome 中包含的都是矢量圖標,在高分辨率的顯示器上也能完美呈現。

FontAwesome v4.7.0

Font Awesome是完全從頭設計的整套圖標,完全和Bootstrap 2.2.2版本兼容.

安裝 FontAwesome.otf 字體文件,然后在這個頁面直接拷貝粘貼圖標字符的代碼就可以用于你的設計中了。

Font Awesome 不會阻止屏幕閱讀器,這和其他圖標字體的行為方式完全不同。

  • 下載地址

點擊報錯軟件無法下載或下載后無法使用,請點擊報錯,謝謝!
11选五开奖黑龙江结果走势图