最近更新|軟件分類|單機游戲|軟件專題|手機版|軟件發(fā)布 Axure怎么安裝FontAwesome字體 Axure安裝FontAwesome字體教程
首頁>圖形設計>Axure怎么安裝FontAwesome字體 Axure安裝FontAwesome字體教程

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

我要評論2019/03/14 10:31:14來源:9553下載編輯:

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

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

Axure怎么安裝FontAwesome字體

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

字體名稱:FontAwesome

1.字體安裝

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

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

b.雙擊字體文件,進入字體安裝頁面

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

c.在頁面中確認安裝

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

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

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

2.載入字體庫

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

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

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

b.找到你下載的rplib文件,進行安裝

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

c.使用時,選擇全部/FontAwesome部件庫

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

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

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

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

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

b.選擇默認的HTML樣式

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

c.在web字體中,新增一個web字體的css樣式

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

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

關鍵詞: Axure