Amazon商品の価格変動チェック「あまとも」
コミックダッシュ!は初音ミクGTプロジェクトを応援しています
個人ニュースサイトを巡回する「メガとんトラック」
全ての記事 携プレMP3 デジカメ レコーダ ゲーム メモリ デジモノ コラム 雑談 ブログ あまとも コミックダッシュ!
前の記事次の記事
2014/02/04 23:44 - 2014/01/21

twitter Webの新メニュー表示は「フォント」なので、オプションで無効化されてしまうことがある

カテゴリ : 雑談 タグ :


 
本日、いきなり twitter のWebページの上部メニュー
化けてしまう現象に遭遇しました。一瞬、何か変なキャッシュでも
読み込んでしまったのかと思って何度もキャッシュクリアをしたり
Ctrl+F5 を叩いてみたりしたのですが、一向に症状が変わりません。

 
これは Firefox だったのですが、
 

 
Chrome でアクセスすると普通に twitter のメニューが表示されます。
というかメニュー表示が新しくなっています。
 
いろいろ調べていてようやく分かったのですが、これ、アイコン画像ではなく、
 
 「フォント」を使った表示方式になったのですね。
 

 
Firefox では、
 
 オプション>コンテンツ>フォントと配色
 
というところで、デフォルトの表示フォントを選べるのですが、
これはフォント指定の無いサイトに於ける表示フォントを選ぶだけであり、
サイトのCSSに明示的にフォント指定がある場合はそちらが優先されます。
 
で、それを無視して必ず自分の指定したフォントで表示させたい!
という場合には、
 
 オプション>コンテンツ>フォントと配色>詳細設定>
 「Webページが指定したフォントを優先する」
 
というチェックをOFFにすることで、Webページ側のCSSにどんなフォントが
指定されていようとも、自分の指定したフォントのほうを優先して
表示させることができます。
 
私はあらゆるサイトをメイリオで表示させようとして、このチェックを
OFFにしていたのですが、今回のtwitterのようにメニューアイコンを
フォントの読み込みで表現しようとするサイトの場合、
そのメニューアイコン用フォント?も使用できなくなって、
上述のような変な化け方をしてしまう、というのが真相でした。
 

 
「Webページが指定したフォントを優先する」
にチェックを入れるとこのように Firefox でも新しいtwitterのメニュー
アイコンがちゃんと表示されるようになりました。めでたしめでたしです。
 
 
・・・いや、めでたくはない ワケで!
 

 
元々、あらゆるサイトをメイリオ固定で表示させようとしていたのは、
個人的に あまり好みではないフォント を明示的に指定して
いるサイトを表示するときのための対策でした。具体的には 「MS Pゴシック」
なのですが、このドット感のある表示が個人的にはあまり好みでは
ありませんでした。(あくまで個人の感想です)
 
「Webページが指定したフォントを優先する」
にチェックを入れてしまうと、このように Yahoo! JAPAN などが
Firefoxにデフォルト指定した「メイリオ」を使わず、
必ず「MS Pゴシック」を使ってしまいます。
 

 
どうしたものか、と再び悩んでいたのですが、「Stylish」 というアドオンを
入れてその中に「MS Pゴシック指定のときだけ全てメイリオに強制変換する」
という指定を入れたところ、とりあえず回避ができるようになりました。
 

 
「MS Pゴシック」ではないフォントでまた違和感のあるものが出てきた場合には
個別に指定していかなければならないのがアレなのですが、ひとまずは
支障が無い程度には解決しましたので、当面はこれで凌いでいきたいと思います。
 
確かにフォントを使ったアイコン表示ってカッコよい感じはしますし、
アプローチとしても悪くはないと思いますので、個人の好き嫌いで
「Webページが指定したフォントを優先する」をOFFにしているなんていう
ほうが 自分で何とかすべき、ということになるのだとは思いますが、
思わぬところで苦労を背負い込んだ感じがしてちょっと戸惑いました。。。

CK@デジモノに埋もれる日々 @ckom
ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。



投稿者 CK : 記事URL | 雑談 | | 2014/02/04 23:44


« figmaレーシングミク2013verが届きました!グリッドボードを持つミクさん可愛い

トップに戻る

エアコンが大雪にパワー負けしているのか、温度が上がりません。 »


▼ 関連記事 ▼



▼ コメント ▼

ご自由にコメントください(=゜ω゜)ノ  ▼ コメント入力欄を開く ▼
※管理人は多忙のためお返事はほとんどできません(スミマセン)。
スパムおよび本文と無関係なコメントは削除対象になる可能性があります。


▼ はてなブックマークのコメント ▼


▼ トラックバック ▼

このエントリーのトラックバックURL:

★コミックダッシュ! 10,000人突破ありがとうキャンペーン!(9/18~10/23)
 
デジモノに埋もれる日々 : (C) CKWorks