Javascript：带有document.write的外部字体

如何在document.write中使用外部字体。例如，如果我想写document.write（“Hello”）。

write方法只是将代码放在页面中，因此要使用特定字体，您可以输出代码，使浏览器在显示输出时使用该字体

如果输出在页面内容中，则可以使用HTML样式来指定字体。例如：

document.write('<span style="font-family:Arial,sans-serif">Hello</span>');

HTML:

---

在HTML中有多种使用其他字体的方法，随后还有JavaScript。但是总是在CSS中声明字体是一个很好的实践，所以我认为你的做法有点倒退。一种方法是将字体放在项目中的某个位置，并使用css链接到该位置，以以下方式声明字体。您可以将字体分配给任何东西，而不仅仅是@font-face。它可以是p、li或任何其他元素：

@font-face {
    font-family: myFont;
    src: url(<path-to-my-font>/myFont.ttf);
}

---

如果该文档在项目中可见，则应该使用指定的字体向该文档打招呼。希望这有帮助：）

你在尝试什么吗。不要使用

文档。编写
。2.这两个问题是不相关的。您建议使用什么。@DanielKilimnik可能会有帮助……但我想使用外部字体。@DanielKilimnik:那么这与您如何在页面中放置内容无关。您可以使用
@font-face
样式来导入字体，然后只需使用
字体系列
样式就可以像其他任何字体一样使用该字体。通常，您会使用一个现成的字体工具包，其中包含不同浏览器的不同格式字体，该工具包附带一个CSS文件，其中包含用于导入字体的代码。文本是一个变量。@DanielKilimnik:在第一个示例中，您会将文本与HTML代码连接起来：
document.write（“+text+”）。在第二个示例中，您可以只使用变量而不是文字字符串。
<div id="message"></div>

document.getElementById('message').innerHTML = 'Hello';

@font-face {
    font-family: myFont;
    src: url(<path-to-my-font>/myFont.ttf);
}

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English' rel='stylesheet'      

document.getElementById("myElement").style.fontFamily="Impact,Charcoal,sans-serif";
myElement.innerHTML = "Hello";