Windowsのブラウザで表示されるフォントを少しだけ綺麗に見せかける方法

2015.5.24 (更新日:2016.03.02)
OLYMPUS DIGITAL CAMERA

メイン機をWindowsに変更したわけですが、一番違和感を感じたのがフォントの汚さ。Macの画面を見慣れてしまうとどうしても気になってしまいます。

メイリオになってかなりよくなって、アプリのメニューなどは違和感を感じないレベルになってきましたが、ブラウザの表示ではやっぱり気になってしまいますね。

そんなわけで、せめて自分のサイトだけでも、もう少しなんとかしようとCSSを弄ってみました。何とかなってるでしょうか?

before after

font_052315_093855_PM

画像だと分かりにくいので、テキストでも。

まずこれが素の状態。

米Amazonではまだ招待制の購入で、しかも米国在住者しか買えないという状態なので、今回は久しぶりにeBayで購入です。

そして弄ったあとの状態。

米Amazonではまだ招待制の購入で、しかも米国在住者しか買えないという状態なので、今回は久しぶりにeBayで購入です。

Macで見ていると微妙な差だと思いますが、Windowsならはっきりと違いが認識できるのではないかと。

CSSで似非アンチエイリアス

やっていることは単純で、CSSで文字にtext-shadowを設定しているだけです。

body {
   text-shadow: 0 0 1px #aaa;
}

という感じ。

text-shadowでフォントの周りをぼかして似非アンチエイリアスを行っているのですね。

参考にしたのは、こちらのサイト。

Webフォントをキレイに見せるテクニックを2つ紹介(Chrome編)

リンク先ではtext-shadowを重ねているのですが、Macでみたときに冗長に見えてしまったので1つだけにしています。

ほかにも「-webkit-text-stroke」でフォントを少しだけ太く見せる方法も紹介されていますが、これもフォントによって周囲の線が目立ってしまうものがあったので見送りです。

正直、自己満足の世界ではありますが、自分のサイトを一番見るのは自分だし、これぐらいならいいかな?

タグ: , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Red以外も欲しい? iPhoneを好きなカラーに塗装できる「あいりぺColor」が間もなくサービス開始

iPhone 7/7 Plusの(PRODUCT)REDが発売になり、話題になっていますが、もっと他の色も欲しいと思っている人もいるかもしれません。そんな人の要望を叶えてくれる、iPhoneのペイント

Xiaomiの三脚にもなる自撮り棒を購入 三脚としてもそれなりに使えそう

以前に紹介したXiaomiの自撮り棒をGearBestで購入してみました。 関連:Xiaomiの三脚にもなる自撮り棒がGearBestで販売中 – Dream Seed 自撮り棒自体は割と普通。プラス

手作りスライドQWERTY端末 ZERO Terminal 意外と実用性はありそう

最近何かとQWERTYデバイスが話題に上がりますが、今回紹介するZero Terminalもなかなかのものです。 とてもコンパクトで心惹かれるものがありますが、製品ではなくDIYで制作された手作りガジ

楽天モバイル、ハイレゾスマホGRANBEATと同時契約で月額基本料3か月無料キャンペーン

楽天モバイルがオンキヨーのハイレゾスマホGRANBEATをSIM契約と同時に購入すると、月額基本料が3か月無料になるというキャンペーンを実施しています。 GRANBEAT同時購入で事務手数料+月額基本

BenQ、コストコ専売でモバイルプロジェクタ「GS1」を発売、明るさ300lm コントラスト比は100,000:1

BenQが、コストコ専売でモバイルプロジェクタ「GS1」を発売します。価格は50,000円前後になるようです。 最近、各社からリリースが相次いでいるモバイルプロジェクタですが、BenQのGS1はコスト

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

Red以外も欲しい? iPhoneを好きなカラーに塗装できる「あいりぺColor」が間もなくサービス開始

Red以外も欲しい? iPhoneを好きなカラーに塗装できる「あいりぺColor」が間もなくサービス開始

iPhone 7/7 Plusの(PRODUCT)REDが発売になり、話題になっていますが、もっと他の色も欲しいと思っている人もいるかもしれません。そんな人の要望を叶えてくれる、iPhoneのペイ...

HUAWEI nova liteのコスパは異常 同価格帯の端末では競合がいない

HUAWEI nova liteのコスパは異常 同価格帯の端末では競合がいない

HUAWEIが若者向けのシリーズとしてあらたに投入したのnova、その下位モデルという位置づけのnova liteを購入してみました。 nova liteは公式ショップや量販店では販売しておらず、...

HUAWEI nova liteの安いけどおススメのケース ケースで迷ってたらとりあえず買って損はしない

HUAWEI nova liteの安いけどおススメのケース ケースで迷ってたらとりあえず買って損はしない

現在一押しのミドルクラス端末、HUAWEI nova liteのケースを購入してみました。 買ったのは、NILLKINというブランドのケース。 ...

手作りスライドQWERTY端末 ZERO Terminal 意外と実用性はありそう

手作りスライドQWERTY端末 ZERO Terminal 意外と実用性はありそう

最近何かとQWERTYデバイスが話題に上がりますが、今回紹介するZero Terminalもなかなかのものです。 とてもコンパクトで心惹かれるものがありますが、製品ではなくDIYで制作された手作...

MENU

back to top