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 ブラウザでも流用が可能という意味でスマートだと考えました。

Random Select

Mixed Fruit
始めるにあたって、ドローイン vs ロングプレス あたりから昼食も意図的にボリュームダウンして 2kg は落していました。が、前々から気になっていた断食ダイエットとも言われるファスティングダイエットに
銀座わしたショップ 2014/06/13 (8)
銀座わしたショップ 2014/06/13 (三線自動演奏機) の続きです。1F は食料品を含めた物販がメインなので、改めて眺めてみることにしました。1F の入口左手側は冷蔵食品が並んでいて、最近興味が
チキンカレー (ルー大盛り, 辛さ 50 倍)
カリーライス専門店 エチオピア 本店 (No. 8 – 辛さ 20 – 40 倍) 以来辛さ 20 倍程度のカレーに落ち着いていましたが、暑い最中、久しぶりにガツーンと辛さ 5
カーフェリー (13)
沖縄本島 (No. 2 – 本部港 Part 1) の続きです。車も人も同じ入口から入りますが、歩道 ? は入って程なくすると左側に階段があり、客席へはそこを上ります。おぉ、新幹線と飛行機
Drive Network Philosophy
オンラインヘルプページの裏側 (No.1) では、名称とコンセプトの説明に留まりました。ここでは、"コントロールパネル" として提供されている製品と、オンラインヘルプページの内部構
伊江島 (11)
伊江島 (No. 4 – 湧出 〜 島の駅) の続きです。島の駅から戻って伊江港ターミナルにつくと、もう車を搬入するにはちょうど良い時間でした。乗船まではまだ少し時間がありそうでしたので、
Transcend JetFlash 530 64GB USB メモリ
VAIO Fit 13A (カスタマイズ – タッチパッド) の続きです。環境調整中に色々つまずいていますが、VAIO に問題がある訳ではなく Windows 8.1 Pro 固有の問題だ
こなゆきコラーゲン BODY SAVON (4)
タマチャンショップ には こなゆきコラーゲン や YASAI シャンプー & ヘアパック でお世話になっていますが、こなゆきコラーゲン BODY SAVON も 2 個目のリピートとなりました
FreeBSD Logo
現在メインで使用している FreeBSD は 32bit 版 (i386) ですが、64bit 版 (amd64) も一部使用しています。データ移行の際、全断が可能であれば MySQL や Postg
Valid HTML5 Valid CSS3 Another HTML Lint