「Stinger3」のフォントをメイリオに変更する方法

公開日: : ブログ運営

本日もhebinumaをご覧いただき、ありがとうございます。

実は、このhebinumaのフォントを変更したんですけど、気付いた人います?(笑)

今回の記事は、全く釣りとは関係ありません。このhebinumaを運営するにあたって、web上の技術的なカスタマイズをしたりしてます。どんなことをどんなふうにしたのかを忘れない為の自分用のメモと、同様に困っている方の為です。時々、こういったメモ記事を書かせていただきますので、温かく見守ってくだされば幸いです。

SPONSORED LINK

 

メイリオに変更して、どう変わったか

まずはこちらをご覧ください。

変更前。デフォルトのフォントです。
スクリーンショット 2014-08-07 17.39.41

変更後。メイリオに変更しました。
スクリーンショット 2014-08-07 17.39.55

スクショにすると、ちょっとわかりづらくなりますが、メイリオの方がキレイに見えるんじゃないかと思います。特にアルファベットとか。見やすい&僕の好みで、今回はメイリオに変更してみました。

スタイルシート(style.css)にコピペ

まずは、万が一の為に、現在の状態をどこかにコピペしておきましょう。バグった時の保険になります。

①ダッシュボードの左側で「外観」→「テーマ編集」をクリック。
一番下まで行きましょう。

図3

②一番下まで行ったら、ここに以下をコピペしましょう。


/*———————————
フォント
——————————–*/
* {
font-family: “Lucida Grande”, “segoe UI”, “ヒラギノ丸ゴ ProN W4”, “Hiragino Maru Gothic ProN”, “メイリオ”, Meiryo, Verdana, Arial, sans-serif;
}


図1 

③コピペしたら、更新!以上です。
さっそく見てみましょう。キャッシュなどの関係ですぐに反映されないこともあるので、そんな時はF5連打で再読み込みさせましょう。
図2

今回はダレデキblogさんを参考に(というか、ほぼそのまんま)カスタマイズしたら、見事ちゃんと変更されてました~。ダレデキblogさん、ありがとうございます。

これからもより見やすいサイトになるよう、改良していきたいと思います!!

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

■今週よく読まれている記事たち
hebinuma人気記事ランキングへ

■HEDGEHOG STUDIO公式サイトへ

■当サイトについて
なぜhebinumaを立ち上げたのか

◆こちらの記事もどうぞ

関連記事

実家でもモリモリ仕事できるように、PC環境をレベル上げしてみた!やっぱデュアルディスプレイはめちゃ効率アップ!!

釣りもネット系も。僕が『ほぼ毎日チェックしているメディアたち』 。

「Pocket」をTwitter(ツイッター)でも使えるようにする方法

コミュニティ機能「Spot.IM」は外します。いつの日か復活させる時が来るかも。

no image

「Stinger3」の追尾型SNSボックスを消す方法

流行りの「Spot.IM」というコミュニティ機能を追加。このブログ内でチャットができるようになった!…ということです。

これ考えた人天才すぎ!後で読むことのできる「Pocket」が超ウルトラ便利!!

ブログやってる皆さん、アクセスアップしたいならここ登録しておくといいですよ。

「Pocket」をiPhoneのsafari(サファリ)でも使えるようにする方法

【大量画像】今でも存在する「蛇沼公園」、ここが当サイト hebinuma の由来です

WordPressのサイト名が勝手に大文字になっていた原因と解決策

Windows Live Writer(WLW)で「テーマ更新」する方法

no image

YouTube動画をgif化してブログ内に埋め込む方法(Chrome編)

「Stinger3」でスマホのサムネイルを角丸にする&影を付ける方法

「Stinger3」で記事下にレクタングルを2つ並べて表示させる方法。