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

あっちゃんの塩 80g
先日お友達から あっちゃんの塩 をいただきました。おそらく 沖縄本島 (No. 30 ? ハンバーグとパンケーキのお店 うるり) でも口にしたはずですが、塩そのものより他のメニューや素材の美味しさに目
タコス (2)
沖縄本島 (No. 43 – ステーキハウス四季) の続きです。到着初日のランチは、元々初体験 2 連続のハシゴランチを計画していました。2 店目は、ここも以前から気になっていたタコス専門
夏いちばん + お刺身 (東急ストア)
銀座わしたショップ 2014/06/13 (夏季限定醸造生ビール 夏いちばん) で大量に陳列された 夏季限定醸造生ビール 夏いちばん – オリオンビール を見てからは、駅前のイトーヨーカド
遠隔地バックアップ開始のお知らせ
2012/08/01 より Drive Network では従来の東京データセンター内でのバックアップに加え、富山データセンターにさらにバックアップする運用を開始しました。Drive Network
沖縄だより + お刺身 (東急ストア)
7 月に入ると、facebook 沖縄ユーザーグループ で "沖縄だより" の写真を見かけ始めました。しかしながら、少し前に似たパッケージを見た覚えがあるなと疑問に思って調べたとこ
Gala 青い海 (1)
2 年程前の 2 週間コースの出張の際、間の土・日で Gala 青い海 に行きました。スタッフの話では、景色を見ながらまったりするのがいい、と聞いて行きましたが、本来は塩や琉球ガラスの制作体験が出来る
揚げずにからあげ (鮭) + 釜揚しらす
揚げずにからあげ (鮭 Part 1) の続きです。今回の調理に用意したかの様にちょうど良いサイズのフライパンがありました。小さじ 2 杯程のサラダ油を引いて熱した後、いよいよ焼き始めます。並べる前に
iPhone 6 Plus (3)
iPhone 6 Plus (機種選定・契約変更) の続きです。契約変更は 10/31 (金) に済ませ、土・日でじっくり慣らすことにしました。スマートフォンを使い始めて 4 年ですが、いよいよ iP
ワイルドハンバーグ 300g (1)
いきなり ! ステーキ (ワイルドステーキ 300g) でデビューした いきなり ! ステーキ で、今度はランチメニューのワイルドハンバーグを試すべく再び小川町店を訪れましたが、まだ 13 時過ぎで何
クリーミー生サーバー (6)
うまい ! がすごい。クリーミー生サーバー (Part 2) の続きです。正確には覚えていませんが、キャンペーン終了翌日の 2013/08/26 から 1 ヶ月程経過してようやく届きました。中々の大ぶ
Valid HTML5 Valid CSS3 Another HTML Lint