Twenty Fifteen テーマ用フォント "Noto" / "Inconsolata"の使用を止

TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。
ちなみにどのようなフォントかというと以下確認してみて下さい。アルファベット用です。
Noto / Noto Serif / Inconsolata
デフォルトでは、日本語環境でも""に翻訳され、フォント用CSSファイルの読み込みが行われるようです。詳しくは、/wp-content/themes/twentyfifteen/functions.php内のtwentyfifteen_fonts_urlを参照して下さい。
// /wp-content/languages/themes/twentyfifteen-ja.po // (Twenty Fifteenの日本語翻訳ファイル) #. Translators: If there are characters in your language that are not supported #. by Inconsolata, translate this to 'off'. Do not translate into your own #. language. #: functions.php:177 msgctxt "Inconsolata font: on or off" msgid "on" msgstr "on" #. Translators: If there are characters in your language that are not supported #. by Noto Sans, translate this to 'off'. Do not translate into your own #. language. #: functions.php:161 msgctxt "Noto Sans font: on or off" msgid "on" msgstr "on" #. Translators: If there are characters in your language that are not supported #. by Noto Serif, translate this to 'off'. Do not translate into your own #. language. #: functions.php:169 msgctxt "Noto Serif font: on or off" msgid "on" msgstr "on"
方法は3つほどありそうなので一番いいのを選んで無効化してみてください。
WP Multibyte Patchの機能
/wp-content/plugins/wp-multibyte-patch/wpmp-config-sample-ja.phpを/wp-content直下にコピーしてwpmp-config.phpへリネーム
// /wp-content/wpmp-config.php $wpmp_conf['patch_force_twentyfifteen_google_fonts_off'] = true;
翻訳ファイルを編集して無効化
該当部分の翻訳をmsgstr "off"と変更すると使用されないような仕組みになっています。
フックして無効化
以下のコードを子テーマのfunctions.phpに追加することでフォントへのリンクを行わないようにできます。
// オリジナル twentyfifteen_fonts_url in functions.php function mytheme_dequeue_fonts() { wp_dequeue_style( 'twentyfifteen-fonts' ); } add_action( 'wp_enqueue_scripts', 'mytheme_dequeue_fonts', 11);
どのみち、style.cssでフォントの設定は行わなくてはいけませんが、余計な読み込みを省くことできます。
関連記事
-
-
ログイン画面・機能をカスタマイズ
CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.
-
-
"コメントを残す" 削除・文言を変更する方法
コメントフォームに表示される「コメントを残す」はWordPress標準で翻訳される要素です。テーマ側でカスタマイズしていない限り表示されます。 ここでは、この要素を削除したり、文言を変更する方法を紹
-
-
titleタグ(wp_title) カスタマイズ
SEO対策を行う際に、titleタグは重要な要素だと言われています。 「サイトのタイトル」、「キャッチフレーズ」(site_description)、「カテゴリー名」など色々と組み合わせてみることが
-
-
Pocketボタンの設置
日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました
-
-
ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ
プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill
-
-
多言語化プラグイン「qTranslate」
ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。 General Settingsで使用する言語を選択する ★使用する言語を選択 管理画面「設定」⇒「Lang
-
-
「最近のコメント」ウィジェットをカスタマイズ
「最近のコメント」ウィジェットは、サイトに投稿されたコメントを新しい日付順に表示してくれます。件数も「ウィジェット」ページで設定できます。(管理画面の「外観」→「ウィジェット」) (削除
-
-
コメントフォーム・リストのカスタマイズ
コメント投稿部分は、基本的にはどのテーマでも同じフォームを出力してテーマのstyle.cssで外観を変えています。コメントフォーム欄をカスタマイズするには、プラグインもしくはフックを用いてカスタマイズ
-
-
ナビゲーションメニューに検索フォームを追加
メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく
-
-
Tumblrの投稿をウィジェットに表示できる「Tumblr Widget」
このブログでは、サイドバーウィジェットに「Tumblr」に投稿したブックマーク一覧を表示させています。プラグインは「Tumblr Widget」を使用しています。ダウンロード 「This plugi
- PREV
- 「isUnique」バリデーション
- NEXT
- Ruby 2.xをUbuntuにインストール
Comment
いちおう変える時のメモ
Link:WordPress | Twenty Fifteen テーマ用フォント “Noto” / “Inconsolata”の使用を止
これに合わせてサムネイルも作り直しました。