0

私のHTMLドキュメントには 

<font face="helvetica"> (and of course </font> later)

これはうまく機能し、すべてが Helvetica にあります。
ただし、JavaScriptの部分があり、

if (d > 5) {
    document.write('Message');
}

そして、その結果として得られるテキストは、目的のフォントではありません。
スタイルを適用する方法を試しましたが、JS 部分がまったく表示されません。これを HTML と同じフォントで表示するにはどうすればよいですか?
ドキュメント全体を同じフォントにする HTML タグはありますか?

4

3 に答える 3

4

まず、使用を停止し<font>ます。もう90年代ではありません。

動的コンテンツが目的のフォントに含まれていない（最も可能性の高い）理由はdocument.write()、コンテンツをタグの外側に配置するためです。生成されたHTMLを見て、これを確認してください。この例は、JavaScriptがタグ内に配置されている場合にコンテンツが正しくスタイル設定されていることを示しています。

ただし、Kolinkの回答が示すように<body>、ドキュメントのデフォルトフォントを変更する場合は、CSSを使用してドキュメントのスタイルを設定する必要があります。

コメントの例を見ると、 jQueryを使用しているように見えます。これで、回避するのは簡単なはずdocument.write()です（どのような場合でも回避する必要があります）。

を次のように置き換えますdocument.write()。

$( 'body' ).append( 'Message' );

または、メッセージのスタイルを設定する場合：

$( 'body' ).append( '<div class="message">Message</div>' );

メッセージクラスのCSSルールを追加します（たとえば.message { font-weight:bold; }）。

http://jsfiddle.net/sE8DS/6/を参照してください。

于 2012-06-30T15:00:07.447 に答える
2

CSS:

body {font-family: "helvetica", sans-serif;}

終わり。古い<font>タグは必要ありません。

于 2012-06-30T14:55:31.583 に答える
1

CSS を使用してください。このfontタグは何年も前に廃止されました。

html {
    font-family: 'Helvetica';
}

また、document.write()悪い習慣と見なされます。

代わりにこれを使用してください：

HTML:

<html>
    <body>
        <div id="helvetica"></div>
    </body>
</html>

CSS:

#helvetica {
    font-family: 'Helvetica'
}

Javascript:

var helvetica = document.getElementById("helvetica");

helvetica.innerHTML = "Message";
于 2012-06-30T15:05:39.663 に答える