Css ng风格的动态@font-face

我有特定的字体，将绑定到用户布局。当用户登录时，他们将看到从服务器加载的所选字体。 我将使用Angular来设置特定元素的样式。如何在ng样式中使用@font-face？可能吗

如果我先键入所有可能的字体面，字体族就可以工作，这既繁琐又难以维护。CSS是我希望根据用户字体动态加载的部分

**CSS** 

@font-face {
    font-family: CustomFontName;
    src: url('CustomFont.ttf');
}

@font-face {
    font-family: CustomFontName2;
    src: url('CustomFont2.ttf');
}

**JS**

textbox.style = {
  'font-family': CustomFontName
}

**HTML**

<p ng-style="textbox.style">{{ textbox.placeholder }}</p>

**CSS**
@字体{
字体系列：CustomFontName；
src:url（'CustomFont.ttf'）；
}
@字体{
字体系列：CustomFontName2；
src:url（'CustomFont2.ttf'）；
}
**JS**
textbox.style={
“字体系列”：CustomFontName
}
**HTML**
{{textbox.placeholder}

---

该网站是，你可以测试它与验证代码“ImprintPlus”，然后改变模板。用户需要在其中添加自定义字体。

一种方法是添加一个自定义web组件，该组件将包含必要的

标记。但这也可以通过使用DOM实现。是的，应该是可能的。[ngStyle]=“{'font-family'：userSelectedFont.customFontName}”