Replace your website icons with fontawesome in axure [Axure tips]

Are you still busy with a small icon for your website? Are you still looking for an icon to export Baidu or Google? Have you ever thought that you can use fonts to make an icon instead of an ordinary picture icon?
These two days to the company to do cases, because they are not familiar with the design, looking for the icon of the drudgery is not very good to do. Colleagues to share a font in place of the image to do the site icon resources, thank you very much!
Font Awesome, originally designed only for Bootstrap, but now you can use it alone to work on your website. Drop the picture icon and come with me with the font Awesome.

How to use:

1. DownloadFont Awesome official website:http://fontawesome.io/
650) this.width=650; "src=" Http://www.yuanxingku.com/uploads/allimg/140430/1-1404301225191V.png "style=" width : 165px;height:33px; "alt=" 1-1404301225191v.png "/>
2. InstallationFont Awesome to your system, you can double-click the installation or copy directly toUnder the C:\Windows\Fonts directory
3.drag a component into the axure and set the symbol to use the Fontawesome font
4.when you set the page load, the symbol text is any of the following one by one codes (for example, the first graphic code is& #xf003;)
5. Create prototypes to see the effects

650) this.width=650; "src=" Http://www.yuanxingku.com/uploads/allimg/140501/1-140501123G3400.gif "style=" width : 658px;height:399px; "alt=" 1-140501123g3400.gif "/>

Font Awesome Features:
1, a font file, 249 icons.
2. Use CSS to control the style.
3, Unlimited zoom.
4, personal, business are free to use.
5, Support ie7+.
6, on the retina screen can also be perfectly presented.
7, the designer's assistant.
8, compatible screen reader.

Font Awesome small icon preview:

650) this.width=650; "src=" Http://www.yuanxingku.com/uploads/allimg/140501/1-1405011323013Y.png "style=" width : 438px; "alt=" 1-1405011323013y.png "/>

Video Tutorial: http://www.yuanxingku.com/axurevideo/axurebasic/88.html

This article is from the "8366986" blog, please be sure to keep this source http://8376986.blog.51cto.com/8366986/1405683