dart - Polymer - 在寻呼机菜单按钮中使用 Font Awesome 图标

Question

我正在使用that package带有 Font Awesome 图标，我可以将其与 Polymer 一起使用。我想在<paper-menu-button>中使用它标签。这是可能的？我怎样才能做到这一点？我尝试添加 icon="fa-save"参数，但不起作用...

我的代码看起来是这样的:

      <core-toolbar id="mainheader">
        <paper-menu-button icon="fa-save" class="white" halign="left" valign="bottom">
          <core-item label="Visibility"></core-item>
          <core-item label="Extension"></core-item>
          <core-item label="Info"></core-item>
        </paper-menu-button>
      </core-toolbar>

Answer 1

需要使用 <core-iconset> 来提供该图标元素可与 icon 一起使用属性。 http://www.polymer-project.org/docs/elements/core-elements.html#core-iconset

更新

我刚刚发布了包 BWU FontAwesome IconsetSvg for core-elements and paper-elements 。

它与您的示例配合得很好。您可以直接使用它或使用它作为示例如何为纸质元素和核心元素创建您自己的图标集

渲染质量(在 Chrome 中)可能会更好，但似乎已修复 http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/