Home » Program » facebook のフォントが変わって見映えが変。 (Tag: )

明け方散歩から帰って来て、開きっぱなしの facebook (Windows PC, Firefox) の見映えが変わっていました。

等幅フォントに変わったというか、ビットマップフォントが無理矢理伸び縮みしたかの様な違和感。

もっと言うと、昔の MacOS 9 あたりの画面キャプチャを縮小して字が潰れました的な感覚です。

font-family 指定は body のみ

Firebug でさらっと確認した限りは、body タグの CSS で font-family が指定されているだけに見えました。

font-family: 'lucida grande',tahoma,verdana,arial,sans-serif

sans-serif ということは私の環境ではゴシック体に設定しているフォントに関係があります。

オプション -> コンテンツ -> フォントと配色 -> 詳細設定

オプション -> コンテンツ -> フォントと配色 -> 詳細設定

上のキャプチャが設定個所ですが、ここを以下の様に変更すると元に戻った様に見えました。

  • ゴシック体 (Sans-serif) をメイリオに変更。
  • プロポーショナルのサイズを 15 に変更。

副作用

この設定変更は、どのページを見ても MS P ゴシックからメイリオに変更になります。いくつかの方法は、私にとってはどれも手間が掛かるか、Web ブラウザ依存が強すぎる解決策でピンと来ませんでした。

私は、Web ブラウザは単なる Web サイトの閲覧目的だけではなく、HTML, CSS のコーディングの動作確認にも使用しています。

その意味でも標準的なフォントを変える設定変更は考えが分かれるところですが、メイリオにしてサイズを 16 -> 15 に変えることで、それまでコーディングしたいくつかのサイトでレイアウト崩れが起こらないことが確認出来ました。

"Web ページが指定したフォントを優先する" を外しても良いのですが、その方がもっと多くの Web サイトで不都合が生じそうですので、今回の変更が最も変更手数が少なく、いつでも戻せて他の Web ブラウザでも流用が可能という意味でスマートだと考えました。


(required)

Random Select

WordPress Logo
Web ページを見ていてページの下にたどり着いた時、そのページの上部に移動するナビゲーションをよく見ます。<a href="#top">このページのトップへ</a
Havana カレー (ビーフ, ライス大盛り, ルー大盛り x 2, 辛さ 20 倍)
沖縄出張 (No. 8 – Havana CURRY) の続きです。前回 2012/10 に久しぶりに訪れた後、東京に戻ってからは 欧風カレー ボンディ (チキンカレー) や カリーライス専門店 エチ
Firefox Logo
linux-firefox 12 では、ja-acroread9-9.4.2_1 の動作に問題はないと書きました。事前に Adobe Reader 9,カーネルモジュール使い FreeBSD で動作
FreeBSD Logo
VirtualBox (FreeBSD 9.1-RELEASE + xorg 7.7) の時点で、ノート PC 側は Emacs 24.3 + Mew 6.5 の環境に変更していました。ちょうど沖縄出
タコライス + メキシチョイス
自宅 de タコライス (S&B タコスシーズニング Part 3) で思わぬ成功に味をしめたので、再び挑戦しました。今回は OLD EL PASO タコ・シーズニング を手に入れるべく、隣駅
豆カレー (辛さ 20 倍)
カリーライス専門店 エチオピア 本店 (No. 9 – 特製エビ豆カレー) の続きです。特製エビ豆カレーで、以前食べた野菜豆カレーの不思議さを思い出し、かつ残り 2 メニューで全制覇という
もも ? (4)
10/09 から開始した本来の沖縄出張で、土・日を迎えることになりました。かねてからチームの K 君の飼い猫 "もも" に会ってみたいと思っていました。沖縄にも猫カフェがいくつかあ
京の抹茶パフェ (2)
沖縄本島 (No. 17 – 宮良そば ふたたび) の続きです。mati-cafe (季節の京のお昼ごはん) で初めて訪れた 2011/12 以来 2 年半程経って久しぶりに訪れる機会が出
煮込み開始直前 (3)
ハッシュ・ド・ビーフの作り方 (No. 3) の続きです。煮込み最後はローリエを 2, 3 枚入れてよくかき混ぜ、2, 3 時間煮込む。適当にかき回せつつ。です。すべての材料を寸胴に移した状態で、ほぼ
サーモン西京焼 (1)
いさば (サバ) から時間を空けずに訪れました。今日こそは、気にはなりつつも試していなかったサーモン西京焼 + 納豆 + のりで豪華ランチ (?) と決め込んで訪れました。地下の入口に下る途中に、おそ
Valid HTML5 Valid CSS3 Another HTML Lint