海同科技，欢迎您！
就业
培训
资料
职坐标
IT知识库

常用软件

站
热门城市 全国站>
    其他省市
      搜索
      快速购买 快速购买  >
      icon 400-636-0069

      热门课程

      IT学院

      职坐标首页 IT知识库 常用软件 Axure
      选择在海同培训： 30 天 1365 名， 今日申请 29 人 IT培训咨询 >>
      Axure中使用fontawesome字体图标的使用技巧
      白羽 2018-05-29 来源 ：网络 阅读 1542 评论 0

      摘要：本文将带你了解Axure中使用fontawesome字体图标的使用技巧，希望本文对大家学Axure有所帮助。



      Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。


      FontAwesome应用在web网页开发中非常方便，那么在原型设计中是否能使用呢？答案是肯定的，本文将介绍如何在Axure中应用FontAwesome字体。


      具体步骤如下

      1、访问 //fortawesome.github.io/Font-Awesome/  下载最新版本的FontAwesome（当前为4.3），解压下载的压缩文件

      2、打开font文件夹，双击安装.otf和.ttf结尾的字体

       Axure中使用fontawesome字体图标的使用技巧

      3、打开Axure，点击菜单  发布>预览选项（或ctrl+F5）>配置>web字体。

      点击“+”号，输入字体名称FontAwesome，选择链接到css文件，

      输入地址：//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css  确定，关闭。

       

       Axure中使用fontawesome字体图标的使用技巧Axure中使用fontawesome字体图标的使用技巧

      Axure中使用fontawesome字体图标的使用技巧

      4、打开图标列表网址 //fortawesome.github.io/Font-Awesome/cheatsheet/  选择中意的图标，复制图标 复制图标 复制图标（重要的事情说三遍）

       Axure中使用fontawesome字体图标的使用技巧

      5、在axure中拖入一个标签元件（任何可以输入文字的都行），设置字体为FontAwesome，将文本替换（粘贴）为刚复制的图标。

      OK，你可以F5预览或者直接生成html了。

       

      本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标常用软件之Axure频道！

      axure基础案例 axure动态面板教程 axure零基础
      本文由 @白羽 发布于职坐标。未经许可，禁止转载。
      喜欢 | 0 不喜欢 | 0
      看完这篇文章有何感觉？已经有0人表态，0%的人喜欢 快给朋友分享吧~
      评论（0）
      后参与评论
      加入IT交流圈
      JAVA工程师交流群 +加入
      大数据架构师交流群 +加入
      人工智能Python交流群 +加入
      WEB/H5前端交流群 +加入
      职坐标公众号
      常用软件 直通车
      • 索取资料 索取资料 索取资料
      • 答疑解惑 答疑解惑 答疑解惑
      • 技术交流 技术交流 技术交流
      • 职业测评 职业测评 职业测评
      • 面试技巧 面试技巧 面试技巧
      • 高薪秘笈 高薪秘笈 高薪秘笈
      海同师资推荐 更多>>
      黄骈
      黄骈 联系TA
      认证System Analyst，System Architect
      程光淼
      程光淼 联系TA
      精通C、C++等语言、智能芯片开发
      热门就业培训班 更多>>
      【零基础】人工智能+Python全栈开发课程
      【零基础】人工智能+Python全栈开发课程
      人工智能+Python技术风口浪潮
      【零基础】JavaEE高级开发工程师课程
      【零基础】JavaEE高级开发工程师课程
      0基础入学Java课程
      【零基础】大数据与分布式架构师课程
      【零基础】大数据与分布式架构师课程
      培训大数据分布式架构
      Axure30天热搜词 更多>>
      axure零基础 axure基础案例 axure交互设计教程 axure教程830 axure教程52pojie matlab基础与编程入门 axure基础教学 axure教程微信 axure交互原型设计 axure动态面板教程 axure怎么读 axure基础操作 原型图axure axure教程视频下载 axure原型设计精髓pdf axure入门与基础教程 axure8.0交互教程 在线原型设计工具 r软件入门与基础 axure轮播图制作

      您输入的评论内容中包含违禁敏感词

      我知道了

      助您圆梦职场 匹配合适岗位
      验证码手机号，获得海同独家IT培训资料
      选择就业方向：
      人工智能物联网
      大数据开发/分析
      人工智能Python
      Java全栈开发
      WEB前端+H5

      请输入正确的手机号码

      请输入正确的验证码

      获取验证码

      您今天的短信下发次数太多了，明天再试试吧！

      提交

      我们会在第一时间安排职业规划师联系您！

      您也可以联系我们的职业规划师咨询：

      小职老师的微信号：z_zhizuobiao
      小职老师的微信号：z_zhizuobiao

      版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
      上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
       沪公网安备 31011502005948号    

      关于我们 │ 法律声明 │ 联系我们

      ©2015 www.zhizuobiao.com All Rights Reserved

      208小时内训课程
      在线客服