twitter Webの新メニュー表示は「フォント」なので、オプションで無効化されてしまうことがある
2014/01/21
本日、いきなり 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にしているなんていう
ほうが 自分で何とかすべき、ということになるのだとは思いますが、
思わぬところで苦労を背負い込んだ感じがしてちょっと戸惑いました。。。
2014/01/21 [updated : 2014/02/04 23:44]
ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。
@ckom をフォローする
« figmaレーシングミク2013verが届きました!グリッドボードを持つミクさん可愛い | トップに戻る | エアコンが大雪にパワー負けしているのか、温度が上がりません。 » |
▼ はてなブックマークのコメント ▼
関連記事
ピックアップタグ
- アニメ(440)
- GSR(319)
- ライブ(79)
- イベント(207)
- コラボカフェ(35)
- VTuber(25)
- アニメ吐き出しメモ(10)
- ウマ娘(50)
- 舞台挨拶(45)
- 先行上映会(19)
- トークショー(20)
- バンドリ!(51)
- ガールズ&パンツァー(59)
- 少女☆歌劇レヴュースタァライト(60)
- ゾンビランドサガ(9)
- プリンセス・プリンシパル(19)
- スタリラ(31)
- コラム(171)
- ゲームプレイ日記(69)
- ワンフェス(13)
- コメンタリー上映(7)
- 岩浪美和(25)
- 大洗(9)
- 響け!ユーフォニアム(12)
- リズと青い鳥(9)
- RAISE A SUILEN(10)
- 艦これ(23)
- ストライクウィッチーズ(23)
- メイドインアビス(8)
- BLAME!(8)
- ヤマノススメ(7)
- ラブライブ!サンシャイン!!(11)
- HELLO WORLD(6)
- 宇宙よりも遠い場所(5)
- ヴァイオレット・エヴァーガーデン(8)
- 私に天使が舞い降りた!(9)
コメントしましょう