用于桌面应用

预计阅读时间1 分 53 views

无论您是在 photoshop 或 axure 等桌面设计程序中进行设计,还是制作美观的文档或幻灯片,fontawesome都能满足您的需求。

1. 压缩包内容

/otfs      # 字体文件
/svgs      # 每个图标的单独优化.svg矢量文件(按样式分隔)
/metadata  # 所有的图标元数据

2. 字体的安装

进入解压后的目录:/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`      # 实体图标
  • 如果没有显示扩展名的,百度一下《如何显示文件扩展名》
  • 安装字体的方法不会就百度一下吧!(和其他字体安装方式一样,一般双击就可以了。)
  • 有些系统安装完字体后要重新打开软件,才会显示字体。

3. 在软件中使用图标

包括但不限于以下软件: ps,ai,xd,sketch,figma,axure,word,excel,powerpoint,pages,keynote,fcpx,motion

基于图标名称的方式

  1. 创建新的文本图层。
  2. 将字体设置为FontAwesome 5。
  3. 键入图标的名称。
  4. 搞定!名称自动转成对应的图标。
  5. 接下来你可以像调整普通字体那样,调整图标尺寸、颜色、样式。

基于图标符号的方式

  1. 创建新的文本图层。
  2. 将字体设置为FontAwesome 5。
  3. 去图标库里找到你要的图标,并点击图标复制符号。
  4. 回到软件中粘贴在刚才的文本图层中。
  5. 搞定!随意调整吧!

使用SVG图标

您可以将我们的SVG文件添加到大多数矢量友好的桌面设计应用程序中,例如Figma,Sketch和Adobe Illustrator。只要记住制作一份副本即可使用,这样您就不会编辑原始文件!您会在Font Awesome下载的SVG目录中找到按样式组织的它们。

4. 双色图标

新的双色调样式提供了Font Awesome中每个图标的版本,具有两种不同的颜色阴影。它们非常适合为项目中的图标添加更多品牌或说明性质量。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

16 − 2 =

分享此教程

用于桌面应用

或复制链接

内容