用于桌面应用(设计原型类软件)
无论您是在 photoshop 或 axure 等桌面设计程序中进行设计,还是制作美观的文档或幻灯片,fontawesome都能满足您的需求。
#压缩包内容
/otfs # 字体文件
/svgs # 每个图标的单独优化.svg矢量文件(按样式分隔)
/metadata # 所有的图标元数据
#字体的安装
进入解压后的目录:/otfs, 会看到很多类型的字体文件,右键选中并安装他们。
# 免费版
`/otfs/Font Awesome 5 Free-Solid-900.otf` # 实体图标
`/otfs/Font Awesome 5 Free-Regular-400.otf` # 常规图标
# 专业版
`Font Awesome 5 Brands-Regular-400.otf` # 品牌图标
`Font Awesome 5 Duotone-Solid-900.otf` # 双色图标
`Font Awesome 5 Pro-Light-300.otf` # 线条图标
`Font Awesome 5 Pro-Regular-400.otf` # 常规图标
`Font Awesome 5 Pro-Solid-900.otf` # 实体图标
- 如果没有显示扩展名的,百度一下《如何显示文件扩展名》
- 安装字体的方法不会就百度一下吧!(和其他字体安装方式一样,一般双击就可以了。)
- 有些系统安装完字体后要重新打开软件,才会显示字体。
#在软件中使用图标
包括但不限于以下软件:
ps
,ai
,xd
,sketch
,figma
,axure
,word
,excel
,powerpoint
,pages
,keynote
,fcpx
,motion
#基于图标名称的方式
- 创建新的文本图层。
- 将字体设置为FontAwesome 5。
- 键入图标的名称。
- 搞定!名称自动转成对应的图标。
- 接下来你可以像调整普通字体那样,调整图标尺寸、颜色、样式。
#基于图标符号的方式
- 创建新的文本图层。
- 将字体设置为FontAwesome 5。
- 去图标库里找到你要的图标,并点击图标复制
符号
。 - 回到软件中粘贴在刚才的文本图层中。
- 搞定!随意调整吧!
....
#使用SVG图标
您可以将我们的SVG文件添加到大多数矢量友好的桌面设计应用程序中,例如Figma,Sketch和Adobe Illustrator。只要记住制作一份副本即可使用,这样您就不会编辑原始文件!您会在Font Awesome下载的SVG目录中找到按样式组织的它们。
#双色图标
新的双色调样式提供了Font Awesome中每个图标的版本,具有两种不同的颜色阴影。它们非常适合为项目中的图标添加更多品牌或说明性质量。
#还有疑问
如果看了上面的介绍仍未搞清楚,欢迎留言!