家電量販店のMacで、ブログのフォント表示がおかしかったのでメイリオやめました

https://farm6.static.flickr.com/5762/20919637280_707214c8c3.jpg

こんにちは。WordPress初心者の部長ナビ(@nabi_1080)です。日々カスタマイズ頑張っております!

当ブログはWordPressで運営しているわけですが、ほぼ「自分の好きな通りにカスタマイズ」できるのが大きな特徴で、特に「フォント」については私は大きなこだわりがありました

それは「メイリオ」です。

メイリオというのはチョット丸文字のフォントなんですが、この表示が好きでした

スポンサーリンク

Magic Trackpad 2を買いにPCデポに行ったとき、MacBook触って来た

何となく、自分のブログを13インチのProで最大解像度にして表示してみました

すると、表示がおかしいんですよ。

なんというか、文字が細いんです

あれ?と思って、ちゃぼPの風の羅針盤を表示してみました

IMG_3828

ほら

タイトルタグが「細い」のよ。コレ、ちゃぼPのブログだけど、細いよね?

あれ?と思って別のMacでも表示してみましたが、同じでした

シェアの数字も細いのわかります?コレ、ウチもちゃぼPも同じだった。

IMG_3829

しかも、「太字」が全然太くないんです

なんで?と思いましたが、マジでした。どのMacでも同じだったので、たぶん、CSSによるフォント指定でこうなっているんだろうと思いました

H見出しも細かったです

gori.meも表示してみた

ついでにgori.meもチェック

IMG_3830

あれ?

タイトル太い、っつーか「いつも通り」の表示だ

俺とちゃぼPがおかしくて、gori.meがいつも通りって事は、CSSの指定でおかしくなってるって事か・・・

IMG_3831

ちゃんと太い部分は太字になってますね

上側の太字も見やすい、下のHタグの中の文字も大きく太く、いつも通りです

でも、私とちゃぼPのブログはこう表示されませんでした

ひょっとして、全てのMacで・・・と言う思いが・・・。全身の毛穴が開いた

これ、Windowsとか(メイリオ入っている)、Office入っているMacでは、メイリオというフォントで表示されるけど、それ以外のMacではPCデポと同じ「切ない表示」になってるんじゃ無いか?と思いました

「ええ・・・。マジでか・・・」

メイリオ見やすいから自分の中では「読者に見やすい」という形で変更した、わざわざCSSで指定したフォントが逆に見づらくなっている事に気付きました

当然ウチのブログはApple関連なので、Macから見る人も多く、Macへの表示の対応が最優先です

速攻車戻って、MacBook Pro 15インチでフォントの指定をやめた

マジ、速攻車戻りました

で、booq Taipan shockから、MacBook Pro 15インチ取り出してルータにつないで即作業

フォントを指定していたCSSのコードを削除し、メイリオ指定を全て解除しました

多分、コレで見やすくなるはず・・・

と思ったら、Hタグの太字の部分が私の思った物より太くなかったので、最強に太く指定して、しばらく待ち、また、PCデポに戻って、表示を確認しました

フォント指定をやめ、Hタグの太さをマックスにした結果

IMG_3832

イエーイ

タイトル太いぜ〜。これが、ちゃぼPのブログ同様に「細く」「切ないタイトル」になっていましたが、Macの皆さん、お待たせしました。普通になりました(笑)

IMG_3833

Hタグ(見出しね)も太くなったぜ〜。イエーイ。

ここも超絶細くてビックリしていたのでコレで大丈夫。見やすくなりました

っつーか、今までMacの人ってスゲー見づらかったですね。スイマセン・・・。

フォント指定するときは、Macもそうだけど、家電量販店のMacでちゃんと確認しましょう

フォントって色んなアプリとかで「自動で入っている」場合には自分のMacでは表示されますが、まっさらな状態のMacでは、表示されないこともあり、今回はたまたまPCデポで「あれ?」ってなったので、見つけることができましたが、コレ、知らずにこのまま行っていたらと思うと恐ろしいです

自分の思い描く表示と実際にMacで見てもらっている読者の表示が違うわけですからね。ああ、恐ろしい

【WordPress】Simplicityのカスタマイズまとめ
【WordPress】Simplicityのカスタマイズまとめ
この記事は2015年11月24日にSimplicity1でアップしたものを、「Simplicity2」版として再編集、再アップしたもので...

↑ここで、コードは公開していますが、メイリオ指定はやめました。そして、Hタグの太さをマックスにしています。

Apple系のブログをやる場合はフォント指定は慎重にしましょう。ビックリします(笑)

↑解決したのでMagic Trackpad 2買いました。(σ´∀`)σ

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索