Question

如何在document.write中使用外部字体。例如，如果我想写document.write（＆＃34; Hello＆＃34;）。

Answer 1

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

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

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

您还可以考虑将内容放入页面的其他方法。例如，您可以使用innerHTML属性将内容放入元素中，并确保元素已具有所需的样式。例如：

CSS：

#message { font-family: Arial, sans-serif; }

HTML：

<div id="message"></div>

Javascript（在元素存在后运行）：

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

Answer 2

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

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

另一种方法是链接到Google字体等服务。您可以在HTML标头中添加类似的内容。此示例适用于名为“IM Fell English”的字体：

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

类型= '文本/ CSS' ＆GT;

但是，如果您必须，您可以使用W3Schools.com提供的此示例：

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

这应该使用指定的字体向该文档写入hello，前提是它对您的项目可见。希望这会有所帮助：）

Javascript：带document.write的外部字体

2 个答案: