wp_print_font_faces

説明

void wp_print_font_faces( [ $fonts = array() ] )
フォントフェイス・スタイルを表示する。

パラメータ

  • $fonts
    フォントファミリーとそのバリエーションを含んだ連想配列を含む配列を指定(省略時はarray())。
    キー内容
    font-familyfont-familyプロパティ値(フォントファミリー名)
    srcフォントファイルのURLかその配列
    font-stylefont-styleプロパティ値(省略時は'normal')
    font-weightfont-weightプロパティ値(省略時は'400')
    font-displayfont-displayプロパティ値(省略時は'fallback')
    ascent-overrideascent-overrideプロパティ値
    descent-overridedescent-overrideプロパティ値
    font-stretchfont-stretchプロパティ値
    font-variantfont-variantプロパティ値
    font-feature-settingsfont-feature-settingsプロパティ値
    font-variation-settingsfont-variation-settingsプロパティ値
    line-gap-overrideline-gap-overrideプロパティ値
    size-adjustsize-adjustプロパティ値
    unicode-rangeunicode-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


お勧め

4.2で始まるiOSの絵文字ケア(2018年5月27日 更新)

WordPress 4.2のベータ1、ベータ2が立て続けにリリースされ、4.2の正式版リリースが近づいています。4.2のポイントの1つは絵文字のクロスブラウザ対応です。ここでの絵文字とは、UTF-8で4バイトのコードが割り当てられている(基本的にはiOSの)絵文字を指します。この絵文字を含んだ投稿が正しく保存できなかったり、iOS以外の環境で意図した通りに表示できないといった問題があり、4.2ではそのような問題を対処をコードが組み込まれています。

投稿内容のid属性などを保存するための対策(2012年6月15日 更新)

WordPress 3.4にアップデートしたとある環境で投稿記事を保存すると、divタグなどのid属性がクリアされて保存するようになった(id属性が保存できなくなった)。ここでは、その対策方法の1つを紹介しておく。

カレンダーウィジェットをAjaxで切り替える(2011年8月22日 更新)

ウィジェットベースでテーマを構築していてカレンダーを表示してみた。標準では、前月や次月のリンク先はそれぞれの月のアーカイブページとなっているのだが、記事を探すだけであればカレンダー部分だけを更新するほうが便利なのではと考え、そのアイデアを実装してみた。

続テーマを変更せずにWebフォントを使ってみた(2022年2月8日 更新)

先日投稿した「テーマを変更せずにWebフォントを使ってみた」では、テーマ「Twenty Twenty One」でWebフォントを使うことができた。その後、ほかのテーマで試したところ、そのままではWebフォントを使うことができなかった。今回は、それらのテーマの対応について紹介する。

LevelとCapability(2018年5月27日 更新)

プラグインやテーマの管理ページを作成する際など、ユーザのレベルと権限を確認することがある。ここでは、権限グループ別のレベルと権限の有無を整理してみた。