活动按钮的图像类型答案

【问题标题】：Image Types for Active Buttons活动按钮的图像类型
【发布时间】：2018-06-16 22:54:26
【问题描述】：

工具栏按钮的推荐图像类型是什么？当相关面板处于活动状态时，我希望将工具栏按钮颜色更改为“活动”颜色。类似于模型浏览器按钮的工作方式。我试过 png 和 svg 都没有成功，如下图所示：

【问题讨论】：

【解决方案1】：

查看器工具栏图标的附加信息，它们是由自定义字体格式 - WOFF(Web Open Font Format) 与我的发现一样，就像 Font Awesome 和 Bootstrap Glyphicons。您可以在style.css

中看到如下配置

@font-face {
  font-family: 'forge-viewer-font';
  src: url('data:application/font-woff;base64string...') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="adsk-icon-"]:before,
[class*=" adsk-icon-"]:before {
  font-family: "forge-viewer-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  // .... other configs
}

.adsk-icon-arrow:before {
    content: "a";
}

A 字符代表查看器小车工具的箭头图标：

在为Web应用程序创建图标之前，您必须将它们转换为SVG格式，然后使用Glyphs、IcoMoon等工具将图标转换为WOFF格式。之后，为如上所示的图标配置创建 CSS 样式。为了简化工作流程，我个人更喜欢使用IcoMoon 来创建我自己的图标，它会在点击“生成字体”时自动创建所有需要的文件（例如 WOFF、CSS、...等）。

希望对你有帮助~

【讨论】：

正是我需要的信息。谢谢@eason-kang

【解决方案2】：

看起来 Autodesk 正在使用自定义字体库。还将研究生成自定义字体库。

【讨论】：

只是想提一下。好在你自己发现了。希望成功！