wp_print_font_faces

（6.4.0以降）
wp_print_font_faces - フォントフェイス・スタイルを表示する

説明

void wp_print_font_faces( [ $fonts = array() ] )

フォントフェイス・スタイルを表示する。

パラメータ

$fonts

フォントファミリーとそのバリエーションを含んだ連想配列を含む配列を指定（省略時はarray()）。

キー	内容
font-family	font-familyプロパティ値（フォントファミリー名）
src	フォントファイルのURLかその配列
font-style	font-styleプロパティ値（省略時は'normal'）
font-weight	font-weightプロパティ値（省略時は'400'）
font-display	font-displayプロパティ値（省略時は'fallback'）
ascent-override	ascent-overrideプロパティ値
descent-override	descent-overrideプロパティ値
font-stretch	font-stretchプロパティ値
font-variant	font-variantプロパティ値
font-feature-settings	font-feature-settingsプロパティ値
font-variation-settings	font-variation-settingsプロパティ値
line-gap-override	line-gap-overrideプロパティ値
size-adjust	size-adjustプロパティ値
unicode-range	unicode-rangeプロパティ値

返り値

返り値はありません。

注意

本関数は標準で'wp_head'アクションとして優先度50で登録されており、通常は呼び出すことはない。

パラメータ$fontsが省略された場合は、現在のテーマのtheme.jsonで指定されているフォントフェイス内容が適用される。

新テーマ「Twenty Twenty-Four」では以下の内容が出力されている。

<style id='wp-fonts-local'>
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('http://localhost/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('http://localhost/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2') format('woff2');}
@font-face{font-family:Cardo;font-style:italic;font-weight:400;font-display:fallback;src:url('http://localhost/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2') format('woff2');}
@font-face{font-family:Cardo;font-style:normal;font-weight:700;font-display:fallback;src:url('http://localhost/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2') format('woff2');}
</style>

使用例

任意のフォントフェイス・スタイルを表示する

wp_print_font_faces( [
	"Inter" => [
		0 => [
			"src"          => [ get_theme_file_uri( "assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2" ) ],
			"font-family"  => "Inter",
			"font-stretch" => "normal",
			"font-style"   => "normal",
			"font-weight"  => "300 900",
		]
	]
] );

フィルター

直接実行するフィルターはありません。

アクション

直接実行するアクションはありません。

ソースファイル

/wp-includes/fonts.php

最終更新 : 2023年11月09日 13:29

参考

Code Reference: wp_print_font_faces

お勧め

Emojin：プラグイン作ってみました（2015年3月21日更新）

ちょっと前のTLでiOSの絵文字を含んだ投稿を保存すると、絵文字以降の文章がすべて消えた状態で保存されるといったツイートを見かけた。少し検索してみると、MySQLのデータベースの文字セットが「utf8」の場合、iOSの絵文字のような4バイトの文字を正常に保存できず、それ以降の文章も保存されないというものらしい。対処方法としてデータベースの文字セットを「utf8mb4」に変更するのが有効らしいのだが、他に回避策がないか考えてみた。

Twenty Seventeenのフォントサイズを変更してみた（2021年12月15日更新）

先日投稿した「続テーマを変更せずにWebフォントを使ってみた」では、テーマ「Twenty Seventeen」でもWebフォントを使えるようにした。その際、「Twenty Seventeen」のフォントサイズが少し小さく感じたので、今回はフォントサイズを調整してみた。

HTML entities button：プラグイン作ってみました（2021年4月28日更新）

以前投稿した「HTML編集モードに定型文ボタンを追加する」をアレンジして、HTML編集モードに特殊文字（HTMLエンティティ）を挿入できるボタン、顔文字を挿入できるボタン、過去の投稿ページのリンクを挿入できるボタンを追加するプラグインを作ってみました。HTML編集モードの作業効率を向上させるプラグインです。2.1.0では「Dashiconsの挿入」を追加しました。HTML編集モードをメインに使用されている方は、お試しあれ。

5.7の機能拡張：エクスポートファイルに更新日時が追加ほか（2021年2月23日更新）

WordPressはサイト移行を支援する機能として投稿情報のエクスポート機能を備えている。5.7ではこのエクスポート機能が改良され、更新日時情報が追加されるようだ。

query_posts（WP_Queryクラス）でカスタムフィールドを使う（2011年9月15日更新）

先週3回にわたってtax_queryパラメータを使ったカテゴリーや投稿タグ、投稿フォーマットの絞り込みを整理したが、その途中で目に付いたのが'meta_query'パラメータ。この'meta_query'パラメータは、カスタムフィールドの絞り込み条件を指定するためのもので、3.2で登場した新しいパラメータのようだ。