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

きつねうどん (温, 中盛)
うどん 丸香 (改修工事) で久しぶりに訪れた日は、まだ試したことのない温かいきつねうどん (かけ) を試してみました。このどーんと大きなお揚げはうどんの量に関わらず豪快ですが、つゆ同様あっさりして優
Drive Network Philosophy
インターネット上にサービスを公開しているサーバは、そのバージョン情報を表示しないことが 1 つの安全策として語られています。最近の DoS の傾向を見ているとそれ程有用性が高いとも感じませんが、1 つ
しお定食
出張 2 週間目の木曜日、そろそろ胃も疲れてくる頃ですがそんな気配は微塵も見せず、さて今日も普段行けないメンバーを揃えて 5 人で出発しました。当初 沖縄出張 (No. 2 – 海鮮食堂 太陽) で天
Drive Network Philosophy
Drive Network の メールゲートウェイ 構成図 には、FallbackMX (Gateway4) という役割を持つサーバが存在します。メールの再送構成図では、Gateway3 がインターネ
ARROWS X F-10D
ARROWS X F-10D (No. 1) の続きです。上下のカーソルキーはどこ ?HTC Desire SoftBank X06HTII と ARROWS X F-10D のまず大きな違いの 1
WS-C2960S-48TS-L (1)
Cisco Catalyst 2960S IOS Update (Part 2) の続きです。今回は 15.0 系からのアップデートですが、12.2 系とはやや出力が異なりました。アップデート 15.
ドライブインレストランハワイ (1)
沖縄本島 (No. 8 – 渡久地港) の続きです。水納島への便が欠航のため、本部半島をしばらくドライブしたり散策しました。その後、気になっていた ドライブインレストランハワイ でランチす
うみちか食堂 しょうが焼き (1)
実は 日本一美味しい豚の生姜焼き に迫りつつある うみちか食堂 の一押しメニューです。# "すば屋" なんですけどね。(笑)沖縄そば関連のメニューも食べたことがありますが、カレーそ
WS-C2960S-48TS-L (1)
Cisco Catalyst は SSH でのログインも可能ですが、enable する方法が独特です。aaa new-modelcrypto key generate rsa今回は以下のバージョンでの
FreeBSD Logo
携帯電話を ARROWS X F-10D に変更した後、調査不足かもしれませんが写真の解像度が 3M か 13M しか選択出来なくなりました。3M では以前使用していた X06HTII よりも劣るため
Valid HTML5 Valid CSS3 Another HTML Lint