中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：如何在?Axure 9.0 上使用?Font Awesome呢？本文作者通過(guò)實(shí)際操作，分享出了具體的流程，并且為我們進(jìn)行了分析和總結(jié)。

Axure RP 可以使用 Web Fonts，這讓置入 Font Awesome 變得非常方便。Font Awesome 是一種字體，只是主要針對(duì)圖標(biāo)使用，而非我們所熟知的中文/西文字體。

進(jìn)行簡(jiǎn)單的幾步設(shè)置，就可以在自己項(xiàng)目上面使用 Font Awesome 的 1609 個(gè)免費(fèi)圖標(biāo)。圖標(biāo)覆蓋廣泛，風(fēng)格也相對(duì)統(tǒng)一。

一、在本地安裝 Font Awesome 字體文件

要想使用 Font Awesome，必然本地需要先可以識(shí)別，那么需要先安裝字體文件。前往官方下載頁(yè)面 https://fontawesome.com/download，選擇下載 Free for Desktop 版本。

當(dāng)前最新免費(fèi)版本 5.15.1（Font Awesome 6 需要付費(fèi)）

解壓得到的壓縮包，安裝 otfs 文件夾下的三個(gè) otf 字體文件：

1. Font Awesome 5 Free-Regular-400.otf；
2. Font Awesome 5 Free-Solid-900.otf；
3. Font Awesome 5 Brands-Regular-400.otf。

成功安裝字體文件之后，重啟Axure，本機(jī)即可顯示 Font Awesome 的字體圖標(biāo)。

二、為Axure 項(xiàng)目添加 web fonts 配置

僅僅在本機(jī)安裝字體是不能解決在其他設(shè)備上的字體顯示問(wèn)題的。通過(guò)配置 web font 就可以在線調(diào)用字體，從而解決展示對(duì)象的設(shè)備不支持該字體顯示的問(wèn)題。

Axure 支持使用 .css 或者配置 @font-face 來(lái)調(diào)用 web fonts，點(diǎn)擊【+ Add Font】，添加web font，選擇【Link to .css】增加一條 css 引用：

Font Label 設(shè)為 Font Awesome Free

URL of CSS file 設(shè)為 https://use.fontawesome.com/releases/v5.15.1/css/all.css

此處引用的 css 文件版本為 5.15.1，與本機(jī)安裝的版本對(duì)應(yīng)。該 css 文件地址來(lái)自 font awesome 官方站點(diǎn)。

如果需要其他版本的 css 文件，可以訪問(wèn) https://fontawesome.com/account/cdn （需要注冊(cè)賬號(hào)），按需選擇自己的 css。

然而，F(xiàn)ont Awesome 在國(guó)內(nèi)的訪問(wèn)是不穩(wěn)定的，需要使用國(guó)內(nèi)站點(diǎn)的對(duì)應(yīng)腳本進(jìn)行替換，例如：https://www.bootcdn.cn/font-awesome/

繼而上面的 URL of CSS file 參數(shù)則替換為國(guó)內(nèi)CDN地址：https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.1/css/all.css

Web font 配置完成，可以關(guān)閉頁(yè)面。此時(shí)即時(shí)演示設(shè)備上面沒(méi)有安裝 Font Awesome 字體，也依然能夠看到你設(shè)置的圖標(biāo)了。

注：此處使用了 all.css 添加了一個(gè)字體配置。也可以根據(jù)需求將 Brands、Solid、Regular 拆分成對(duì)應(yīng)的三個(gè) css 配置。

三、在 Axure 內(nèi)使用 Font Awesome 圖標(biāo)

完成本地字體配置和 web fonts 配置之后，可以在本地直接粘貼 Font Awesome 上面的圖標(biāo)。

Font Awesome 的圖標(biāo)庫(kù)：https://fontawesome.com/icons

由于只能用免費(fèi)的 Solid, Regular, Brands 三個(gè)類(lèi)型的圖標(biāo)，所以可以在左側(cè)直接篩選對(duì)應(yīng)的類(lèi)型。選擇所需的圖標(biāo)，點(diǎn)擊 Copy Unicode Glyph?的按鈕即可復(fù)制圖標(biāo)。隨后可以在 Axure 內(nèi)直接粘貼。

1. 另外的方法A

點(diǎn)擊右側(cè) 「Show Cheatsheet」，每個(gè)圖標(biāo)下方會(huì)出現(xiàn)一個(gè)「Copy Glyph」按鈕，可以快捷復(fù)制。

2. 另外的方法B

使用 https://fontawesome.com/cheatsheet，頁(yè)面上的圖標(biāo)可以之間點(diǎn)擊選中，復(fù)制即可。

復(fù)制到所需的圖標(biāo)之后，只需在 Axure 內(nèi)像粘貼文本一樣將圖標(biāo)粘貼到文本框內(nèi)，就可以顯示對(duì)應(yīng)的圖標(biāo)了。

如果遇上顯示為問(wèn)號(hào)的不識(shí)別的情況，請(qǐng)將該文本字體切換為 Font Awesome 5 Free 或者 Font Awesome 5 Brands。

四、參考鏈接

• 四步驟，Axure 用上 Font Awesome：
  https://forum.axure.com/t/4-steps-to-get-fontawesome-5-11-2-free-axure-9-working/65942
• 六步驟，Axure用上 Font Awesome：
  https://forum.axure.com/t/6-steps-to-get-font-awesome-5-pro-axure-9-working/57832
• Axure 如何使用 Web Fonts：
  https://docs.axure.com/axure-rp/reference/web-fonts-font-mapping/
• 國(guó)內(nèi)比較快的CSS：
  https://www.bootcdn.cn/font-awesome/

本文由 @Fotix 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議