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

タコライス 材料 (S&B タコスシーズニング)
沖縄で最後にタコライスを食べたのが 沖縄本島 (No. 19 – タコス屋 <Tacos-ya>) で 3 ヶ月前になります。その間、東京の沖縄料理店でも 2 回程食べましたが
特製二代目つけ麺
めん徳二代目つじ田 (二代目つけ麺) で心残りにしていた 特製二代目つけ麺 に久しぶりにご対 "麺" 出来ました。普段は 14:00 頃等ランチタイムを外しますが、今回は開店 11
つけ麺 大盛 + チャーシュー 2 倍
出張の少し前に Facebook で 麺処 鍵 〜KAGI〜 に数人で同時にチェックインしているのを見て知りました。チェックインするとトッピングが 1 品無料になるとか。それはともかく、てだこ RAM
鳥から揚定食 (ライス 大)
柏や (ナポリタン) のスタジアム盛り以降、ミートソースやソース焼ソバのメニューが気になって仕方がありません。が、ここ最近は日付変更と同時に作業開始 -> 昼前まで席も立てずという日が続いている
石垣島ドリーム観光 (3)
石垣島 (No. 11 – 石垣御神埼灯台) の続きです。前日は石垣島をほぼ一周しましたが、翌日 05/06 は黒島を訪れることにしていました。石垣港離島ターミナルは数年前に西表島を訪れて
牛肩ロース 1kg (2)
ハッシュ・ド・ビーフの作り方 (No. 1) の続きです。牛肩ロース次は牛肩ロースを親指や人差し指大に細長く切って、塩・ブラックペパー・赤ワインで味付けしつつ強火で焼く。ミディアム程度かな。焼き終われ
沖縄ちゃんぽん
すばや (ゆし豆腐そば) の時は、沖縄ちゃんぽんのつもりで訪れましたが、偶然にもお店の都合により中止していました。今回はリベンジです。入口に三線が飾ってあることに気が付きました。夜の居酒屋タイムの時は
hp dv5
Windows 7 では Vista まで標準で表示されていた Quick Launch が非表示とされました。タスクバーに登録するだけでは見通しが悪くなりそうですので、Quick Launch を表
ドライカレー
カレー専門店 印度 (インドカレー) でデビューした カレー専門店 印度 に再び訪れる機会がありました。前回このメニューを見て、カレー店は色々見て来たけどドライカレーがメニューとしてラインアップされて
ESXi 5.1 - Install or Updrade (ESXi and VMFS Found)
VMware ESXi 5.1 Install (Part 1) "インストール先デバイス選択" の直後に不思議な現象が発生しました。ここまでの記事は一貫して以下の構成で試していま
Valid HTML5 Valid CSS3 Another HTML Lint