ホームページ > 記事 > ウェブフロントエンド > jqueryでフォントを宋朝に変更する方法
変更方法: 1. css() を使用してフォントファミリーのスタイルを制御します。構文は "text element.css("font-family","宋体")" です。 2. attr() を使用します。フォント スタイルを設定するには、構文「text element.attr("style","font-family:'宋体'")」を使用します。
このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。
ブラウザで HTML ドキュメントを解析すると、テキストにはデフォルトのフォントが使用されます。
フォントを変更したい場合はどうすればよいですか? jqueryを使ってフォントを宋朝に変更する方法を紹介します。
方法 1: css() を使用します。
css() メソッドは、一致する要素の 1 つ以上のスタイル属性を返すか、設定します。
css() メソッドを使用して font-family 属性を設定し、属性値を「Songti」に設定するだけです。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("#zt").css("font-family","宋体"); }); }); </script> </head> <body> <p>默认字体</p> <p id="zt">修改字体</p> <button>将字体改变为宋体</button> </body>
方法 2: attr() メソッド
attr() メソッドを使用して、 set または 選択された要素の属性値を返します。
このメソッドを使用して、style 属性を設定し、font-family: "宋体";
スタイルを追加できます。
例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("p").attr("style","font-family:'宋体'"); }); }); </script> </head> <body> <p>这是一段文本</p> <p>这是一段文本</p> <button>将字体改变为宋体</button> </body>
説明:
font - family 属性は要素のフォントを指定します。
font-family プロパティは、「フォールバック」メカニズムとしていくつかのフォント名を設定する必要があります。ブラウザが最初のフォントをサポートしていない場合は、次のフォントを試します。
注: フォント ファミリの名前が複数の文字である場合は、Font Family: "宋体" のように引用符で囲む必要があります。
この属性の属性値:
Value | Description |
---|---|
|
##要素に使用されるフォント ファミリ A の優先順位名前または/または姓のリスト。 デフォルト値: ブラウザによって異なります。 |
フォント ファミリを親要素から継承することを指定します。 |
jQuery ビデオ チュートリアル 、Web フロントエンド ビデオ ]
以上がjqueryでフォントを宋朝に変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。