axure商城

FontAwesome字體圖標安裝、應用圖文教程

下載字體

FontAwesome字體下載鏈接:點擊下載

提供otf、ttf兩種格式字體下載,任選一個,或全部下載都可以(后續安裝同理)

安裝字體

方法1:將字體復制粘貼到C:WindowsFonts

方法2:左鍵雙擊字體,點擊安裝

方法3:右鍵單擊字體,點擊安裝

安裝成功后的效果:打開axure軟件,在字體選擇中可以看到fontawesome字體

應用字體

pmgod.cn網站提供26大行業,共計546個FontAwesome v4.7.0 字體圖標

字體圖標訪問快捷路徑:FontAwesome v4.7.0 字體圖標

1、選擇、復制字體圖標

選擇需要使用的字體圖標,左鍵雙擊選擇、右鍵單擊復制

2、粘貼、應用字體圖標

將字體圖標復制到所在位置時,初始狀態是一個類似正方形框框的圖標

選擇字體圖標,修改字體、大小、顏色、對齊方式后效果如下:

3、預覽效果

常見問題

我的原型能正常預覽字體圖標,為什么發給他人之后,他人卻看不到效果

解決辦法1:對方安裝FontAwesome字體

解決辦法2:【發布】-【預覽選項】-【配置】-【Web字體】中進行設置,添加鏈接到“.css”文件,URL中填寫“https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css”(對方需要在線聯網)

解決辦法3:【發布】-【預覽選項】-【配置】-【Web字體】中進行設置,@font-face{}內容區填入以下內容(該方法需要將fontawesome-webfont.ttf字體放在生成的原型文件夾根目錄下)

font-family: FontAwesome;

src:url(‘fontawesome-webfont.ttf’) format(‘truetype’);

本文已完結。歡迎點擊加入QQ群“532261671”進行產品交流互動學習。

給TA買糖
共{{data.count}}人
人已贊賞
Axure教程

滑動條:拖動滑塊改變進度

2019-1-18 21:52:55

Axure教程

完整案例,新手必看,通過仿制拼多多學會Axure常見及酷炫操作

2019-2-11 20:15:01

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo