活动按钮的图像类型

Question

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

Answer 1

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

Answer 2

查看器工具栏图标的其他信息，它们是使用自定义字体格式制作的，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，...等）。

希望有所帮助〜