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文件夾
b.雙擊字體文件,進入字體安裝頁面
c.在頁面中確認安裝
d.安裝成功后,你就可以在你的Axure字體選擇就可以看到FontAwesome了
2.載入字體庫
但是在使用的時候,卻發(fā)現(xiàn)并不知道怎么用。我怎么打出這樣一個個圖標呢?這個時候你可以選擇到FontAwesome官網(wǎng)上一個個找,找到后復制黏貼就可以了。但是效率低。這個時候,我們將字體一個個拆分,做成部件,使用就很方便了。字體部件庫下載鏈接見上圖。下面來說安裝方式
a.載入部件庫,在Axure中選擇【載入元件庫】
b.找到你下載的rplib文件,進行安裝
c.使用時,選擇全部/FontAwesome部件庫
d.直接使用,然后你就可以直接使用了,自由更改字體大小,顏色等
3.生成原型之后,鏈接CSS樣式
完成原型制作之后,然后就是給別人看了,由于我們使用了特殊的FontAwesome字體,就需要告知網(wǎng)頁加載這個字體樣式。
a.在Axure發(fā)布頁面,修改配件文件
b.選擇默認的HTML樣式
c.在web字體中,新增一個web字體的css樣式
4.這樣我們的FontAwesome就可以正常使用了
以上就是小編為大家?guī)淼年P于Axure安裝FontAwesome字體教程分享啦!
關鍵詞: Axure