Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでテキストのフォントファミリーを設定するにはどうすればよいですか？

フォントファミリを設定するには、f ontFamilyを使用します JavaScriptのプロパティ。

例

次のコードを実行して、JavaScriptでテキストのフォントファミリを設定できます-

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p id="myID">
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
         This is Demo Text. This is Demo Text. This is Demo Text. This is Demo Text.
      </p>
      <button type="button" onclick="display()">Set Font Family</button>
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
         }
      </script>
   </body>
</html>

  1. JavaScriptでテキストの行間の距離を設定するにはどうすればよいですか？

    線の間の距離を設定するには、 lineHeightを使用します 財産。次のコードを実行して、JavaScriptを使用してテキストの行間の距離を設定することができます- 例 <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1>       <p id="myID">This is Demo Text.<br>This is Demo Text<

  2. JavaScriptでテキストの文字間のスペースを設定するにはどうすればよいですか？

    文字間のスペースを設定するには、JavaScriptの letterSpacingを使用します プロパティ。 例 次のコードを実行して、JavaScriptを使用してテキスト内の文字間のスペースを設定することができます- <!DOCTYPE html> <html>    <body>       <h1>Heading 1</h1>       <p id="myID">This is Demo Text.</p