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

FreeBSD Logo
Drive Network を利用しているお客様すべてのメールが メールゲートウェイ 構成図 Gateway3 から送信されるため、送信先によっては spam を受け取ったと解釈する場合もあり、Gat
遠隔地バックアップ開始のお知らせ
2012/08/01 より Drive Network では従来の東京データセンター内でのバックアップに加え、富山データセンターにさらにバックアップする運用を開始しました。Drive Network
東崎展望台 (2)
与那国島 (No. 11 – 海底遺跡) の続きです。朝食は滞在している 旅の館 阿檀 でいただいています。その際 "昨日はどこを周りましたか ?" という話になり、西
中華せいろ (上)
オフィスのある御茶ノ水・神田エリアは、カレーやラーメンの激戦区ですが、銀座にも私用で月に 2, 3 回は必ず訪れています。ランチ時であれば大抵 いさば (日本一美味しいサバの塩焼き) に入ってしまいま
iPhone 6 Plus (Gold)
iPhone 6 Plus (自動大文字入力・自動修正 オフ) の続きです。ARROWS X F-10D (No. 1) では消しても消してもよみがえるゾンビアプリが多いので、頻繁にアプリ (プロセス
名物チャントン
ここ最近、銀座でランチする時に気になっているお店があります。いさば (日本一美味しいサバの塩焼き) はすでに定番ですが、銀座 いし井 (中華せいろ) との間に挟まれている 元祖 博多チャンポン ハカタ
ワイルドステーキ 300g (2)
銀座 4 丁目に一号店をオープンした いきなり ! ステーキ がオフィスのそばにも出店していると知って、早速訪れました。フードスタジアム — 新・外食ウォーズ — 【新・外食ウ
はっぱとマメの木 (2)
沖縄本島 (No. 33 – 2014 イチハナリアートプロジェクト) の続きです。宮良そば -> イチハナリアートプロジェクト以外は特に寄る場所を決めていませんでしたが、友達の 1
おかずセレクト (2013/04/15, 左半分)
ミニストップ (おかずセレクト No. 1) の続きです。03/18, 03/19 に続けて 03/22 も訪れました。一旦凝り始めるととことん突き詰める AB 型全開です。14 時過ぎに訪れましたが
スミノフ フローズン シトラスダイキリ (3)
駅前のスーパーで、ある日 "スミノフ フローズン シトラスダイキリ" を見つけました。"スミノフ® フローズン シトラスダイキリ / ピニャコラーダ"
Valid HTML5 Valid CSS3 Another HTML Lint