在Axure中使用FontAwesome字体图标(离线版)

 时间:2024-11-01 17:48:32

1、首先要明白,为什么联网的时候可以显示,不联网的时候就不能显示。我们来看看我们添加的web字体是什么样的http://netdna.……font-awesome.css 是一个css文件。

2、这个css文件,在我们下载的FontAwesome压缩文件里面是包含的,路径就在css文件夹下(不要问我带min的和不带min的有什么区别,我只能给你说在使用上没区别)。打开它,你会发现“@font-face ”里面有类似“src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');”等的标记,这就是调用字体的路径。在联网的状态下,网站其实已经安装了字体,所以直接调用就可以,而在离线状态下无法从这个路径获取到字体信息,所以无法显示。既然找到了原因,那么下面就开干!

在Axure中使用FontAwesome字体图标(离线版)在Axure中使用FontAwesome字体图标(离线版)在Axure中使用FontAwesome字体图标(离线版)

5、不要以为这就完了,最重要的来了!打开生成的文件夹,找到resources文件夹并打开,打开FontAwesome解压后的文件夹,复制fonts文件夹到resources文件夹,打开FontAwesome下的css文件夹,将“font-awesome.min.css”文件复制到resources文件夹下的css文件夹。有点绕,慢慢理,理清楚了,也就完成了,把处理完的文件夹拷贝到没有安装FontAwesome字体的电脑上(我用的虚拟机,Win10的哟),打开start.html,怎么样,完美了吧!

在Axure中使用FontAwesome字体图标(离线版)在Axure中使用FontAwesome字体图标(离线版)
  • 如何使用XMind设计工具制作出一个星期任务列表
  • PostgreSQL数据库判断主备角色的五种方法
  • 交换机与路由器安全的三种方法说明
  • 教你一招 怎么设置个性化开机动画
  • Windows Server 2012 R2系统如何删除跨区卷
  • 热门搜索
    泰安旅游景点大全 大连金石滩旅游攻略 一起去旅游 大连海岛旅游攻略 519旅游日 宁夏旅游景点介绍 全球最美10个旅游胜地 广西旅游攻略自助游 长白山旅游注意事项 桂林旅游局