西西軟件園多重安全檢測(cè)下載網(wǎng)站、值得信賴的軟件下載站!
西西首頁 電腦軟件 安卓軟件 電腦游戲 安卓游戲 排行榜 專題合集

font awesome

v4.7.0 官方最新版
  • font awesomev4.7.0 官方最新版
  • 軟件大小:655KB
  • 更新時(shí)間:2018-07-02 09:56
  • 軟件語言:中文
  • 軟件廠商:深圳市深海時(shí)代網(wǎng)絡(luò)科技有限公司
  • 軟件類別:國(guó)產(chǎn)軟件 / 免費(fèi)軟件 / 圖標(biāo)工具
  • 軟件等級(jí):4級(jí)
  • 應(yīng)用平臺(tái):WinAll
  • 官方網(wǎng)站:http://www.fontawesome.com.cn/
  • 應(yīng)用備案:
好評(píng):50%
壞評(píng):50%

軟件介紹

font awesome是一款功能強(qiáng)大的圖標(biāo)字體庫(kù)程序,它可以被定制大小、顏色、陰影以及任何可以用CSS的樣式。font awesome包含人物、動(dòng)物、建筑、商業(yè)、品牌等等各種主題豐富的圖標(biāo)符號(hào),可以通過相應(yīng)的語法添加在 Markdown 文檔中,像 Emoji 一樣配合文字使用。

功能特色:

 一套字庫(kù), 675個(gè)圖標(biāo)

FontAwesome是一種帶有網(wǎng)頁功能的象形文字語言,并收集在一個(gè)集合里。

 不需要 JavaScript 支持

更少的兼容性問題,因?yàn)樵撟煮w不需要javascript

 無限的擴(kuò)展性

可縮放的矢量圖形,每個(gè)圖標(biāo)在放大或者縮小的時(shí)候看起來都正常

 完全開源免費(fèi)

該字體是完全開源并且免費(fèi)的,查看許可證.

 CSS 控制

可以輕松的用css來控制字體的顏色,大小,陰影等!

 完美支持Retina屏幕

字體是矢量圖,這意味著在高分辨率下也會(huì)完美顯示。

 良好的兼容性

最初是為Bootstrap而設(shè)計(jì)的,現(xiàn)在Font Awesome適用于所有框架。

怎么裝點(diǎn)markdown文檔:

準(zhǔn)備工作

要在 Markdown 文檔中輸入 Font Awesome,需要在文檔中任意位置貼粘入如下語句(可以放在文檔結(jié)尾處,以不影響直接在 Markdown 文檔中的閱讀):

<head> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script> 
    <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/v4-shims.js"></script> </head> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">

其中最后一行是表示此文檔需要導(dǎo)入 Font Awesome 最新版本 5.0.13(截止至 2018.06.11)的圖標(biāo)符號(hào),前面的四行是用于將 Font Awesome 4.x 版本的語句轉(zhuǎn)化為 5.0.13 版本。這是因?yàn)樵?2017 年年底發(fā)布的 5.0 版本中,對(duì) 4.x 版本的大量圖標(biāo)符號(hào)的名稱進(jìn)行了重寫,加上此四行就可以同時(shí)使用 4.x 和 5.x 版本的語句。

插入符號(hào)

之后就可以直接插入各類 Font Awesome 符號(hào)了,其基礎(chǔ)用法是:

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

這表示一個(gè)微信圖標(biāo)的符號(hào)。直接把它寫入文檔中即可在編譯時(shí)得到如下效果:

微信和微博圖標(biāo)符號(hào)

獲取符號(hào)名稱

在 Font Awesome 的符號(hào)列表中搜索,就可以得到不同的符號(hào)的寫法,點(diǎn)擊符號(hào)名稱右側(cè)的復(fù)制圖標(biāo),就可以復(fù)制它:

獲取人人圖標(biāo)符號(hào)

獲取了常用的符號(hào)名稱,就可以把它保存在 TextExpander 或 LaunchBar 的 Snippets 等縮寫工具中,以備之后快速調(diào)用。

還有一個(gè)更簡(jiǎn)單的方法,LaunchBar 中自帶了一個(gè) Font Awesome Icons 的動(dòng)作,可以在其中直接搜索 Font Awesome 符號(hào)的寫法,具體步驟是:

通過縮寫如 FONT 檢索到 Font Awesome Icons 動(dòng)作,回車選擇;

通過縮寫檢索目標(biāo)符號(hào),如 GOOGLE;

找到后按 → 方向鍵,在出現(xiàn)的列表中移動(dòng)光標(biāo)至右邊標(biāo)記為 HTML 的一行,按 &#8984;Command-C 復(fù)制,再在文檔中貼粘。

LaunchBar 中的 Font Awesome Icons 動(dòng)作

由于目前這個(gè)動(dòng)作還并未隨 Font Awesome 5.0 的發(fā)布一起更新,其中只包含了 4.x 中 786 個(gè)圖標(biāo),且采用的是 4.x 版本的寫法。這也就是在上文中需要加入將 4.x 版本轉(zhuǎn)化為 5.0 版本的原因。

從此 LaunchBar 動(dòng)作出復(fù)制出來的符號(hào)名稱,包含了一個(gè) aria-hidden="true" 的代碼,它表示在讓電腦朗讀屏幕內(nèi)容時(shí),忽略掉此符號(hào),對(duì)顯示效果沒有影響。如果你沒有此需求,可保留此代碼,也可以刪掉。

修改符號(hào)格式

使用 Font Awesome 的另一個(gè)優(yōu)點(diǎn)是,除了上述簡(jiǎn)單的符號(hào)調(diào)用,還可以對(duì)這些符號(hào)進(jìn)行格式的修改,以實(shí)現(xiàn)更豐富的排版可能性。下面列舉幾個(gè)日常用得到的有趣格式。

調(diào)節(jié)尺寸

要調(diào)節(jié)符號(hào)的尺寸,只需對(duì)其名稱加上尺寸的參數(shù),例如,要調(diào)大上文所述的微信圖標(biāo)符號(hào)的尺寸,只需把

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

拓展寫為:

<i class="fa fa-weixin fa-2x"></i>

即可得到加大尺寸的符號(hào)。

放大的微信圖標(biāo)

尺寸參數(shù)共有如下幾階,感興趣的話可以自行嘗試其效果:

fa-xs

fa-sm

fa-lg

fa-2x 至 fa-10x

轉(zhuǎn)動(dòng)

通過在符號(hào)名稱中加入 fa-spin 就可以使符號(hào)變成動(dòng)態(tài)的連貫轉(zhuǎn)動(dòng)效果,通過 fa-pulse 也可以變成 8 步旋轉(zhuǎn)效果:

轉(zhuǎn)動(dòng)的符號(hào)

引用符下沉

在本文最開始使用的例子中,在引文塊的最前面使用了如下代碼,即可實(shí)現(xiàn)引用符下沉的效果:

> <i class="fas fa-quote-left fa-3x fa-pull-left"></i>

其中,

fa-quote-left 是前引號(hào),

fa-3x 表示符號(hào)尺寸,

fa-pull-left 表示使符號(hào)下沉。

引用符下沉

軟件標(biāo)簽: font awesome

其他版本下載

發(fā)表評(píng)論

昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
查看所有(0)條評(píng)論 > 字?jǐn)?shù): 0/500

TOP
軟件下載