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?

OR

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

如何在JavaScript文件中使用CSS代码

1 个答案: