Angular 2 ngStyle 无法绑定以数字开头的字体系列

Question

我尝试将动态字体系列绑定到文本。但我面临一个问题，即以数字开头的字体名称无法绑定到 DOM 元素。我做了很多研究，但我找不到为什么会这样。

模板：

<h2 [style.font-family]="font">Hello {{name}}</h2>

组件class:

constructor() {
    this.name = `Angular! v${VERSION.full}`;
    this.font = '28 Days Later';
}

使用字体"Arial"，DOM生成罚款：

但是，它似乎忽略了生成字体“28 Days Later”

这里是Plunker

感谢任何建议，提前致谢！

Answer 1

这很简单，只需像这样使用您的字体即可：

 this.font = "'28 Days Later'";

Angular 2 ngStyle cannot bind font-family start with a number