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的网站,复制想要的图标名称,并将其粘贴到网站内,之后你会看到图标预览:
添加图标到菜单#
当您添加FontAwesome图标,你总是需要使用具有完整的图标名称的前缀,正确的名称可在特定图标的页面上找到。例如,添加一个星形图标,请其对Font Awesome 网站的网页 ,并复制它有
当图标名称没有前缀,将始终被解释为一个Material icons。通过添加以下代码来“导航标签”字段中的图标添加到您的菜单项
对于FontAwesome图标:
<i class="fas fa-star"></i>
或Material icons
<i class="material-icons">star</i>
后备图标字体#
如果你不使用Font Awesome 图标,建议在“禁用它们优化JS和CSS大小 ”选项。使 您的网站将不会加载沉重的字体文件并装入将有5 KB备用字体文件FA-fallback.woff,这是需要内置的图标,如上一页/下一页箭头。回退字体包含以下图标: