图标

Impreza配备了整个Font Awesome 图标Material icons集成,您可以在内容元素,头元素,格子布局和在任何其他情况下使用它们作为所有基于Impreza站点文本的一部分。

Font Awesome PRO

Impreza已经内置Font Awesome PRO的图标,其中包括:

  • 数百图标
  • 3种风格,包括一个细线样式的所有图标
  • 在未来的版本中更多的图标包

激活后,你可以在每个Impreza主题的站点免费使用Font Awesome PRO图标。

Material icons

Material icons由谷歌按照材料设计的发展趋势,创建的Web字体图标。

应用 icons

Impreza的主题元素有特殊设计的控制设置图标。选择5种图标样式的任意一种,找对合适的图标Font Awesome 网站或  Material icons的网站,复制想要的图标名称,并将其粘贴到网站内,之后你会看到图标预览:

2278.png

添加图标到菜单

当您添加FontAwesome图标,你总是需要使用具有完整的图标名称的前缀,正确的名称可在特定图标的页面上找到。例如,添加一个星形图标,请其对Font Awesome 网站的网页  ,并复制它有

2279.png

当图标名称没有前缀,将始终被解释为一个Material icons。通过添加以下代码来“导航标签”字段中的图标添加到您的菜单项

对于FontAwesome图标:

<i class="fas fa-star"></i>

或Material icons

<i class="material-icons">star</i>

2280.png

后备图标字体

如果你不使用Font Awesome 图标,建议在“禁用它们优化JS和CSS大小 ”选项。使  您的网站将不会加载沉重的字体文件并装入将有5 KB备用字体文件FA-fallback.woff,这是需要内置的图标,如上一页/下一页箭头。回退字体包含以下图标:

2433.png