如何在javascript文件中使用css代码

Question

我有一个JS代码：

fontCode += "*{font-family: " + sendFont.f + ", fontAwesome !important;}";

我想通过css添加一些字体font-face 所以我将font-face 代码添加到一个名为font-face.css 的css 文件中 然后我尝试将font-face.css 文件包含到 JS 中，我将 js 代码更改为：

fontCode += "@import url('font-face.css'); *{font-family: " + sendFont.f + ", fontAwesome !important;}";

但它没有用！我不知道如何在我的 js 文件中使用 css font-face。

Answer 1

WebFont.load({
    google: {
        families: ['Droid Sans', 'Droid Serif']
    }
});

How to import fonts with pure JS?

或

var newStyle = document.createElement('style');
newStyle.appendChild(document.createTextNode("\
@font-face {\
    font-family: " + yourFontName + ";\
    src: url('" + yourFontURL + "') format('yourFontFormat');\
}\
"));

document.head.appendChild(newStyle);

提问前请先搜索

Font-Face changing via JavaScript