Twenty Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止

TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。
ちなみにどのようなフォントかというと以下確認してみて下さい。アルファベット用です。
Source Sans Pro / Bitter

デフォルトでは、日本語環境でも""に翻訳され、フォント用CSSファイルの読み込みが行われるようです。詳しくは、/wp-content/themes/twentythirteen/functions.php内のtwentythirteen_fonts_urlを参照して下さい。

// /wp-content/languages/themes/twentythirteen-ja.po
// (TwentyThirteenの日本語翻訳ファイル)

#. Translators: If there are characters in your language that are not
#. 	 * supported by Source Sans Pro, translate this to 'off'. Do not translate
#. 	 * into your own language.
#: functions.php:128
msgctxt "Source Sans Pro font: on or off"
msgid "on"
msgstr ""

#. Translators: If there are characters in your language that are not
#. 	 * supported by Bitter, translate this to 'off'. Do not translate into your
#. 	 * own language.
#: functions.php:134
msgctxt "Bitter font: on or off"
msgid "on"
msgstr ""

方法は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_twentythirteen_google_fonts_off'] = true;

翻訳ファイルを編集して無効化

該当部分の翻訳をmsgstr "off"と変更すると使用されないような仕組みになっています。

フックして無効化

以下のコードを子テーマのfunctions.phpに追加することでフォントへのリンクを行わないようにできます。

// オリジナル twentythirteen_fonts_url in functions.php
function mytheme_dequeue_fonts() {
    wp_dequeue_style( 'twentythirteen-fonts' );
}
add_action( 'wp_enqueue_scripts', 'mytheme_dequeue_fonts', 11 );

どのみち、style.cssでフォントの設定は行わなくてはいけませんが、余計な読み込みを省くことできます。

  • このエントリーをはてなブックマークに追加

関連記事

no image

投稿タイトル(entry-title)を非表示にする

表題通り「投稿タイトルを表示しない」ことは、"投稿ページ"ではあまりないと思いますが、"固定ページ"では意外とあったりします。 編集画面でTitleを入力しないでおけば、それで済むのですが、ペー

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

TwentyFifteenでは、テーマ用のフォントとして「Noto」と「Inconsolata」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどのようなフォント

新年早々やらかした

あけましておめでとうございます。 タイトルどおり、新年早々やらかしてしまいましたのでご報告まで。どうやらかしたかというと、確認用サイトとこのブログを間違えてしまいWordpress 3.5にアップグ

プラグイン関連のJSやCSSの読み込みをフィルター

プラグインをインストールしていくとheadやfooter内がCSSやJSで溢れていきます。できるだけ、自分で書けるものに関しては、余計なコールが少なくなるので可能な場合はそうしていますが(そうもいかず

ログイン画面・機能をカスタマイズ

CSSを変更してスタイル変更 ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。 // オリジナル /wp-admin/css/login.min.

テーマ 「Responsive」 カスタマイズ

デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by WordPress" 削除 投稿日 非表示 オリ

no image

アイキャッチにマウスオーバーすると投稿タイトルを表示

WordPressのフォーラムから定期的に流入があるため、対応をいくつか探ってみました。トピックは、「サムネイルにマウスオーバーするとタイトルが表示されるようにしたい」 ちなみに、投稿内のキャプ

「続きを読む」(moreタグ)をカスタマイズ

WordPressではほとんどのテーマでは、複数の投稿を表示するアーカイブページ(カテゴリー別、タグ別、年月日別、作成者別など)ではmoreタグ(<!--more-->)を挿入することで、

Tumblrの投稿をウィジェットに表示できる「Tumblr Widget」

このブログでは、サイドバーウィジェットに「Tumblr」に投稿したブックマーク一覧を表示させています。プラグインは「Tumblr Widget」を使用しています。ダウンロード 「This plugi

サイトのキャプチャをショートコードで生成してくれる「Browser Shots」

外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PAGE TOP ↑