jqueryでフォントを宋朝に変更する方法-フロントエンドQ&A-php.cn

jqueryでフォントを宋朝に変更する方法

青灯夜游

リリース： 2022-04-20 14:20:19

オリジナル

3792 人が閲覧しました

変更方法: 1. css() を使用してフォントファミリーのスタイルを制御します。構文は "text element.css("font-family","宋体")" です。 2. attr() を使用します。フォントスタイルを設定するには、構文「text element.attr("style","font-family:'宋体'")」を使用します。

jqueryでフォントを宋朝に変更する方法

このチュートリアルの動作環境: 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>

ログイン後にコピー

jqueryでフォントを宋朝に変更する方法

方法 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:&#39;宋体&#39;");
				});
			});
		</script>
	</head>
	<body>
		<p>这是一段文本</p>
		<p>这是一段文本</p>
		<button>将字体改变为宋体</button>

	</body>

ログイン後にコピー

jqueryでフォントを宋朝に変更する方法

説明:

font - family 属性は要素のフォントを指定します。

font-family プロパティは、「フォールバック」メカニズムとしていくつかのフォント名を設定する必要があります。ブラウザが最初のフォントをサポートしていない場合は、次のフォントを試します。

注: フォントファミリの名前が複数の文字である場合は、Font Family: "宋体" のように引用符で囲む必要があります。

この属性の属性値:

inheritフォントファミリを親要素から継承することを指定します。

Value	Description
family-name generic-family	##要素に使用されるフォントファミリ A の優先順位名前または/または姓のリスト。デフォルト値: ブラウザによって異なります。

Value

Description