ng-style的动态@ font-face

时间:2016-01-06 23:09:59

标签: css angularjs font-face

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

如果我输入所有可能的字体 - 面,之前很繁琐且难以维护,那么

font-family是有效的。 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>

网站为here,您可以使用验证码“ImprintPlus”对其进行测试,然后更改模板。用户需要在那里使用自定义字体。

0 个答案:

没有答案