Angulaire 2 ngStyle ne peut pas lier la police-famille de commencer par un nombre

Question

J'ai essayé de lier dynamique famille de polices au texte. Mais je fais face à un problème qu'un nom de police commençant par un nombre ne peut pas être lié à l'élément DOM. J'ai fait beaucoup de recherches mais je ne peux pas trouver pourquoi cela arrive.

Modèle:

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

classe Component:

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

avec la police "Arial", DOM génère bien:

Mais, il semble ignorer générer la police « 28 jours Plus tard "

Voici Plunker

J'apprécie toute suggestion, merci d'avance!

Answer 1

Assalamualaikum,

il est assez simple d'utiliser simplement votre police comme ceci:

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