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

タコライスチーズ野菜 (1)
沖縄本島 (No. 13 – 珈琲専門店 原点) の続きです。沖縄らしい食べ物のうち、タコライスは沖縄そば以上に好きな存在ですが最近ご無沙汰でした。どうせならと、それ以上にご無沙汰している
根夢
10, 11 月は猛烈に忙しかったので、落ち着いた気持ちで整理して記事にしたいと思っていましたが、気が付けば年末です。10 月は連休を使って久しぶりに出張以外で沖縄を訪れました。前半は 沖縄出張 (N
おかずセレクト (2013/03/19)
ミニストップ (ベルギーチョコソフト) の続きです。自宅の近辺には見掛けませんが、オフィス周辺には歩いて 1 分程度の距離に 2 件 もあります。神田錦町 1 丁目店は少なくとも 10 年以上はあり、
瀬底大橋 (2)
沖縄本島 (No. 3 – 本部港 Part 2) の続きです。出発して 2 分程で、あっと言う間に瀬底大橋が迫って来ました。さらにまた 1 分程経過。渡ったことは 2, 3 度ありますが
ゴーヤーチャンプルー定食
すっかり全メニュー制覇の勢いで ニライカナイ に通っていますが、まだそばと同じくらい沖縄ご飯の本命とも言える "ゴーヤーチャンプルー" を試していません。夜の居酒屋でおつまみとして
WS-C2960S-48TS-L (1)
先日、Drive Network サービスで提供する基本環境の大半を FreeBSD 7.1-RELEASE i386 -> FreeBSD 9.1-RELEASE amd64 に移行しましたが
R&D ファクトリー (4)
富山出張 (No. 1 – 株式会社エーティーワークス) の続きです。富山本社・データセンターの内部にも興味がありましたが、実際の組立現場にはもっと興味がありました。建物の 2F の入口か
radserv ZG1
dmidecode をインストールした機器では、BIOS 内のハードウェア情報を OS から参照が可能になります。現在 FreeBSD 7.1-RELEASE i386 で提供している機器を 9.1-
うみちか食堂 しょうが焼き (1)
実は 日本一美味しい豚の生姜焼き に迫りつつある うみちか食堂 の一押しメニューです。# "すば屋" なんですけどね。(笑)沖縄そば関連のメニューも食べたことがありますが、カレーそ
Valid HTML5 Valid CSS3 Another HTML Lint