カテゴリー: Blog

サイトのフォント指定を「UDデジタル教科書体」に変更しました。UDデジタル教科書体は「Windows10 Fall Creators Update」で採用されたモリサワのフォントで、游ゴシックと比べて角が丸く、優しい感じが気に入りました。

游ゴシックも好きなんですけど、一番使われているであろうブラウザ「Google Chrome」では細く見辛いフォントに化けるので、どうにかして綺麗に表示できないか試行錯誤を重ねていましたが、根本的な解決方法は見つかりませんでした。そこで、UDデジタル教科書体を試したところ、細くはなりますが見辛くはないなと思ったので採用、時間が掛かりましたが、しばらくはこれでいこうと思います。

UDデジタル教科書体は、R（レギュラー：標準）とB（ボールド：太字）があり、等幅（N）、英数プロポーショナル（NP）、英数かなプロポーショナル（NK）の3種×2（標準と太字）の6種類ありますが、プロポーショナルフォント（文字毎に幅が異なるフォント）だと文字幅が狭く、少し窮屈に感じたので等幅を選びました。

※追記：等幅だと英数字が読み辛かったので、英数プロポーショナル（NP）に書き換えました。
※追記：英数字がちょっと変かなぁと思ったので、欧文フォントのVerdanaを先頭に書いて、英数字はVerdanaが表示されるようにしました。

フォント指定は↑のようにしています。MacではUDデジタル教科書体が無いので游ゴシックが指定されます。ヒラギノ角ゴは指定しなくてもいいと思いますが、Macは試せないので念のため。

UDデジタル教科書体、個人的には気に入っていますが、見辛いという方がもしいらっしゃればコメントにてお知らせ下さい。

当ブログはWordPressを使っていますが、画像拡大プラグインに「FancyBox for WordPress」をずっと使っていました。先日、最新版が出たのでプラグインを更新したら、自動リサイズ設定（画像拡大時に画像の大きさを画面の大きさに合わせて自動でリサイズする）のON/OFFの項目が無くなっていて、自動リサイズの機能を切ることが出来なくなったので、「Easy FancyBox」にプラグインを変更しました。

自動リサイズを設定すると、オリジナルサイズで投稿した画像が画面に合わせた縮小サイズでしか見られなくなるのが嫌なんですよね。名前も機能も似ているプラグインで、検索すれば使い方を解説しているサイトは沢山ヒットするので、ここでは設定で自分が躓いたところだけをピックアップして書いておきます。

Window設定項目
・Include the Mousewheel jQuery extension script to allow gallery browsing by mousewheel action.

↑のチェックボックスをONにすると、画像にマウスポインタを置いた状態ではマウスホイールで画面をスクロール出来なくなるので、チェックは外しておいたほうがいいです。jQuery拡張スクリプトを組み込んで、マウスホイール操作によるギャラリーブラウジングを可能にするって意味だと思うけど、チェックを入れていると、なぜかホイール操作が出来なくなります。危うく迷宮入りするところでしたが、解決して良かった・・・（汗）

追記：画像拡大プラグインをEasy FancyBoxにしたら、表示速度というか、サイト全体のレスポンスが速くなったような気がします。気のせいかな・・・