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

ARROWS X F-10D
HTC Desire SoftBank X06HTII から ARROWS X F-10D に切り替えて 5 日程経ちました。Softbank -> docomo への移行 (電話帳) で電話帳
しお定食
出張 2 週間目の木曜日、そろそろ胃も疲れてくる頃ですがそんな気配は微塵も見せず、さて今日も普段行けないメンバーを揃えて 5 人で出発しました。当初 沖縄出張 (No. 2 – 海鮮食堂 太陽) で天
サバ (2)
久しぶりの My Select “日本一シリーズ” 第 5 弾です。一時期神田錦町のオフィスではなく、銀座にサテライトオフィスを設けてそちらに勤務していたことがありました。銀座
VAIO Fit 13A (5)
VAIO Fit 13A (モデル決定) の続きです。02/26 22:20 頃ソニーストアで申し込みましたが、02/28 の午前中には配送されました。2014/02/26 22:21 [ソニーストア
Lavender
現在の東京オフィスでは、健康診断が毎年 2 月にあります。おそらく今年初めてだったとは思いますが眼底検査というものを行い、緑内障の疑いがあると診断されました。ショックでした。腰痛に歯痛、今度は眼ですか
本部港 (渡久地地区 1)
沖縄本島 (No. 7 – 宮良そば) の続きです。翌日 10/14 は朝からまた北部を目指しました。まだビーチで泳げるギリギリの季節でしたので、まだ未踏の水納島に行きたかったのです。同じ
石垣牛炙り握り
石垣島 (No. 2 – まかない屋) の続きです。軽めな量がらも気持ちは満たされた "まかない屋" を後にして 730 交差点に戻り、美崎町を中心に少し散策しました。
hp dv5
自宅や出張時に使用しているノート PC は現在 hp の dv5 (2008/12 頃のスペシャルエディション) です。デザインと解像度 (15.4inch, 1680 x 1050) 優先で選びまし
一番搾り FROZEN GARDEN
一番搾り フローズン <生> の続きです。8/13 – 8/17 はお盆期間ということで、12:00 – 22:00 での営業時間とのこと。8/14 はお盆期間だか
水曜日のネコ (3)
よなよなエール を継続して取り扱っている 東急ストア で、先週頃ようやく 水曜日のネコ が陳列されていることに気が付きました。前略 好みなんて聞いてないぜ SORRY はすぐなくなってしまったので、半
Valid HTML5 Valid CSS3 Another HTML Lint