dart - 中的 font-awesome for polymer ">0.10.0"

Question

现在 applyAuthorStyles 已弃用，字体精美的图标不再显示。这个问题how to incorporate font awesome in a dart component?有一些有用的信息，但我无法让未经测试的建议发挥作用。

这是一个非常简单的抵押贷款计算器组件项目的模板:

<polymer-element name="plus-payment-schedule">
  <template>
    <style>
    </style>
      <fieldset>
        <legend>Payment Schedule</legend>
        <label><span class="fa fa-calendar fa-fw" style="width:1.5em"></span> Start Date</label>
        <plus-date-input id="date"></plus-date-input>
        <div class="payment-schedule">
          <table id="schedule_table">
          </table>
        </div>
      </fieldset>
  </template>
  <script type="application/dart" src="payment_schedule.dart"></script>
</polymer-element>

在 polymer 0.10.0 之前，使用建议的 applyAuthorStyles 补丁此代码有效。意思是，通过应用那些字体精美的类 (class="fa fa-calendar fa-fw")，字体精美的图标出现了。我删除了 applyAuthorStyles 并进行了更新所需的其他聚合物初始化更改。该组件工作正常，除了字体超棒的图标不再显示。

当我运行这个抵押贷款计算器应用程序并查看检查器时，我看到这些类已应用于跨度。所以我想问题是类的定义 (fa fa-calendar fa-fw) 不可用？

关于如何使这个特定场景起作用的任何信息？

组件托管here

Answer 1

applyAuthorStyles 已弃用。因此，您必须在 <template> 中包含样式表.

问题是 @font-face目前在聚合物元件内部不起作用。解决方案是包括 @font-face在常规文档中并将这些类添加到您的聚合物中，或者在两个地方都包含 font-awesome.css。

这应该可以解决。

另见:- https://code.google.com/p/dart/issues/detail?id=18581- https://github.com/Polymer/docs/issues/434

问候，罗伯特