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

肉カレーうどん (大盛)
記事の投稿は 1 年以上空きましたが、その後も定期的に通っています。いつもたいてい 14 時を過ぎたあたりに訪れますが、やや早く着いてしまうともう 14 時前だというのにこの行列。この日は 30 人近
ガーリックチャーハン + コンビーフハッシュ (9)
ガーリックチャーハン + コンビーフハッシュ (Part 1) の続きです。銀座わしたショップ 2014/07/03 (コンビーフハッシュ) でも、沖縄ホーメルのコンビーフハッシュ (大 135g)
ピザ (中)
沖縄出張 (No. 29 – 伊江島 -> NG) で瀬底島から伊江島を眺めた後、少し早いかと思いつつ ピザ喫茶 花人逢 に移動しました。11:00 オープンと勘違いしていて 10:
豚肉生姜焼定食 (ライス 大)
柏や (アジフライカレー) の続きです。さて、今日もデータセンターで頭脳 + 肉体が半々な長丁場の日です。朝起きると、大分アジフライ定食に気持ちが傾きつつありましたが、前日の自分との約束を果たさない訳
YASAI シャンプー & ヘアパック
こなゆきコラーゲン でお世話になっている タマチャンショップ が実に色々商品を出していることを知り、国産 21 世紀雑穀米 を買った際に YASAI シャンプー & ヘアパック も併せて買って
ゴーヤーチャンプルー定食
すっかり全メニュー制覇の勢いで ニライカナイ に通っていますが、まだそばと同じくらい沖縄ご飯の本命とも言える "ゴーヤーチャンプルー" を試していません。夜の居酒屋でおつまみとして
ネストビール ペールエール
先日プレゼントに常陸野ネストビールを数本いただきました。製造元 木内酒造 は初めて聞いた名前ですが、調べるとビール製造は 1996 年からでも清酒では 180 年近い歴史を持つ老舗です。木彫りを思わせ
瀬底大橋 (5)
沖縄本島 (No. 23 – Cafe やぶさち) の続きです。ゴールデンウィーク後半は、沖縄本島 (No. 8 – 渡久地港) で NG だった水納島に今度こそ行こうと計画し
牛赤身ひき肉 (9)
自宅 de タコライス (S&B タコスシーズニング Part 1) の続きです。タコスミートS&B タコスシーズニング は 1 パックに 2 袋入りで、1 袋 (8g) をひき肉 1
Valid HTML5 Valid CSS3 Another HTML Lint