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でフォントの設定は行わなくてはいけませんが、余計な読み込みを省くことできます。

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

関連記事

管理画面のCSSをカスタマイズ

管理画面のスタイルを変更したくなったので、カスタマイズしてみました。一例として以下を取り上げてみます。 「投稿一覧」の画面でカスタムフィールドが追加されていくと、そんなに幅が必要のないところが長くな

「最近のコメント」ウィジェットをカスタマイズ

「最近のコメント」ウィジェットは、サイトに投稿されたコメントを新しい日付順に表示してくれます。件数も「ウィジェット」ページで設定できます。(管理画面の「外観」→「ウィジェット」) (削除

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

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

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

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

RSS/Atomフィード カスタマイズ

RSSフィードのカスタマイズ 標準で出力されるフィード WordPressの各種ページで出力されるフィードは以下になると思います。 投稿:投稿のフィード @全てのページ サイトのコメント:

jQueryをCDNから読み込む

WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。 WordPress 3.6 3.9 4.0

テーブル実装プラグイン「TablePress」 + レスポンシブ対応

「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり

no image

スライダー・ギャラリー プラグイン

WordPressにギャラリーが実装できるプラグインをまとめてみました。 順番はオススメ順です。 Simple Responsive Slider #ショートコード #テンプレート #ウ

no image

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

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

ツールチップ実装プラグイン「WordPress Tooltip」

「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めで

Message

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

*

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

PAGE TOP ↑