Axure怎么安裝FontAwesome字體 Axure安裝FontAwesome字體教程

Axure要怎么安裝FontAwesome字體圖標(biāo)呢?好多小伙伴們都在問呢，有興趣了解的小伙伴們可以來和小編一起看看Axure安裝FontAwesome字體的圖文教程分享吧!

Axure怎么安裝FontAwesome字體

在用Axure做原型設(shè)計(jì)時(shí)常常需要用到圖標(biāo)。常用的方法就是采用網(wǎng)絡(luò)上分享出來的部件庫，比較全的就是小樓老師的部件庫。但是這種部件庫的ICON一般都是圖片，當(dāng)顏色與當(dāng)前原型色調(diào)不一樣的時(shí)候，就不能用了。而且ICON常常表示狀態(tài)，不同的狀態(tài)需要不同的顏色，用圖片做原型ICON就不合適了。后來發(fā)現(xiàn)了一個(gè)神器，字體icon，每個(gè)icon其實(shí)就是一個(gè)文字，文字更改顏色和大小非常方便。

字體名稱：FontAwesome

1.字體安裝

a.下載完字體之后，解壓縮文件，選擇font文件夾

b.雙擊字體文件，進(jìn)入字體安裝頁面

c.在頁面中確認(rèn)安裝

d.安裝成功后，你就可以在你的Axure字體選擇就可以看到FontAwesome了

2.載入字體庫

但是在使用的時(shí)候，卻發(fā)現(xiàn)并不知道怎么用。我怎么打出這樣一個(gè)個(gè)圖標(biāo)呢?這個(gè)時(shí)候你可以選擇到FontAwesome官網(wǎng)上一個(gè)個(gè)找，找到后復(fù)制黏貼就可以了。但是效率低。這個(gè)時(shí)候，我們將字體一個(gè)個(gè)拆分，做成部件，使用就很方便了。字體部件庫下載鏈接見上圖。下面來說安裝方式

a.載入部件庫，在Axure中選擇【載入元件庫】

b.找到你下載的rplib文件，進(jìn)行安裝

c.使用時(shí)，選擇全部/FontAwesome部件庫

d.直接使用，然后你就可以直接使用了，自由更改字體大小，顏色等

3.生成原型之后，鏈接CSS樣式

完成原型制作之后，然后就是給別人看了，由于我們使用了特殊的FontAwesome字體，就需要告知網(wǎng)頁加載這個(gè)字體樣式。

a.在Axure發(fā)布頁面，修改配件文件

b.選擇默認(rèn)的HTML樣式

c.在web字體中，新增一個(gè)web字體的css樣式

4.這樣我們的FontAwesome就可以正常使用了

以上就是小編為大家?guī)淼年P(guān)于Axure安裝FontAwesome字體教程分享啦!

關(guān)鍵詞： Axure