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

HHKB Lite2
普段デスクトップ PC を使用していますが、キーボードは 10 年近く同じものを使用しています。かなり前の購入ということもあって PS/2 モデル ですし大分色が変わっていますが、未だ現役です。IT
Herb
技術職に限らず、仕事において自分の実力がどれ程のものかが気になっていることが多いでしょう。どんな職場でもスキルやキャリアがアップがすることが、モチベーションの 1 つになるかと思います。スキルやキャリ
緑黄色野菜サラダ + 野菜ジュース
沖縄出張 (No. 21 – てぃーだ社員食堂 Part 1) で 4 日程、野菜中心のランチを楽しませてもらっていますが、今日は友人と外に繰り出しました。前回出張時の 沖縄出張 (No. 19 –
Havana カレー (キーマ, ライス大盛り, ルー大盛り x 2, 辛さ 20 倍)
沖縄出張 (No. 20 – Havana CURRY ふたたび) の続きです。投稿としては Season 2 (2013/01/15 – 2013/01/26) 以来ですが、
野菜豆カレー (辛さ 20 倍)
カリーライス専門店 エチオピア 本店 (No. 7 – 辛さ 65 – 70 倍) の続きです。辛さ 70 倍を極めた後は、04/01 欧風カレー ボンディ (野菜カレー)04
FreeBSD Logo
現在メインで使用している FreeBSD は 32bit 版 (i386) ですが、64bit 版 (amd64) も一部使用しています。データ移行の際、全断が可能であれば MySQL や Postg
Drive Network Core (WS-C3750E-48TD-E)
Cisco Catalyst 3750X HSRP Active/Active で経路広報を切り替える前に、切替先で一時的に作成した Interface Vlan があり、切替完了後に削除する予定でし
WS-C2960S-48TS-L (1)
先日、Drive Network サービスで提供する基本環境の大半を FreeBSD 7.1-RELEASE i386 -> FreeBSD 9.1-RELEASE amd64 に移行しましたが
海老かき揚げとお刺身定食 (ご飯追加)
築地食堂 源ちゃん (デミグラスハンバーグと海老フライ定食) での驚きと満足感から、日を空けずに再び訪れました。神保町店は B1F ですが、降りる手前の看板です。元気があって良いですね。ところで &q
R&D ファクトリー (4)
富山出張 (No. 1 – 株式会社エーティーワークス) の続きです。富山本社・データセンターの内部にも興味がありましたが、実際の組立現場にはもっと興味がありました。建物の 2F の入口か
Valid HTML5 Valid CSS3 Another HTML Lint