使用setAttribute（javascript）设置字体面/字体系列

我正在使用javascript创建一个

div

，并设置其样式，如下所示：

var div = document.createElement("div");
div.setAttribute('style',  'box-shadow: 10px 10px 50px #888888; \
                            background-color: #ffb734; \
                            etc...
                           ');

我必须这样做，因为我正在从chrome扩展内容脚本插入

div

如果我已将字体

myFont.ttf

下载到同一目录，如何更改字体

以下是我尝试过的：

var div = document.createElement("div");
div.setAttribute('style',  'box-shadow: 10px 10px 50px #888888; \
                            background-color: #ffb734; \
                            @font-face {\
                                font-family: '" + 'openSans' + "'; \
                                src: url('" + 'OpenSans-Semibold.ttf' + "') \
                            } \
                           ');

但这会破坏

div

（它会停止显示）

提前谢谢

---

p、 这是一个更好的方法来代替制作css文件并将其包含在我的清单中吗？

您是否试图构建一个用户可以更改的动态文本框？如果是这样的话，这个答案将引导你创建一个

如果没有，那么这里有一些JS将修改一个div。您正在用这些代码、HTML和CSS修改HTMLDOM

HTML：空div

<div id="changeMe"></div>

---

您是否正在尝试构建用户可以更改的动态文本框？如果是这样的话，这个答案将引导你创建一个

如果没有，那么这里有一些JS将修改一个div。您正在用这些代码、HTML和CSS修改HTMLDOM

HTML：空div

<div id="changeMe"></div>

---

字体应该在外部css文件中指定，是的，制作css文件并将其包含在清单中是更好的方法

---

顺便说一句，使用

+

而不是

\

将字符串分成多行。后者是。

字体应在外部css文件中指定，是的，制作css文件并将其包含在清单中是一种更好的方法

顺便说一句，使用

+

而不是

\

将字符串分成多行。后者是

这意味着在这种情况下是不允许的

---

这意味着在该上下文中是不允许的。

谢谢，那么对于该上下文有其他方法吗？@NoamHacker您可以使用

font

或

font-family

属性，就是这样。如果您仅限于javascript解决方案，您可能应该检查。谢谢，那么是否有其他方法用于此上下文？@NoamHacker您可以使用

font

或

font-family

属性，就是这样。如果您仅限于javascript解决方案，您可能应该检查。