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」でフォントを少しだけ太く見せる方法も紹介されていますが、これもフォントによって周囲の線が目立ってしまうものがあったので見送りです。

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

タグ: , ,

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

最新情報をお届けします

Windows Helloに対応したセキュリティ認証デバイス「Yubikey」の使い勝手を試してみた

2016年9月にWindows Helloに対応したこともあり、昨年末あたりから海外サイトで何かと話題を目にするようになったYubikeyを購入してみました。 認証デバイス Yubikey Yubik

Biglobe、海外版のiPhoen SE販売開始 シャッター音が鳴るか鳴らないかは運次第?

Biglobeが海外版iPhone SEの販売を開始しています。 16GBモデルでカラーはゴールドのみとなっています。 BiglobeのiPhone SE 価格 価格はアシストパックLで下記の通り。

BIGLOBE、2月1日から事務手数料に「SIMカード準備料 394円」を追加

Biglobeが2月1日申し込み分から、SIMカード準備料として394円(税別)が新たに発生すると発表しました。 【お知らせ】「BIGLOBE LTE・3G」SIMカード発行時の「SIMカード準備料」

マクドナルドのFree WiFi(00_MCD-FREE_WIFI)でNetflixの無料動画を視聴してみた

2016年の10月からNetflixと提携し、一部店舗で試験的にNetflixのコンテンツが視聴できるようになっていたマクドナルドのFree WiFiですが、実は11月からはFree WiFiが導入さ

任天堂のスマートフォンゲーム「ファイアーエムブレム ヒーローズ」発表 iOS/Androidとも2月2日に配信開始

任天堂のスマートフォン向けアプリ第3弾として、「ファイアーエムブレム ヒーローズ」が発表されました。 配信予定は2月2日となっています。 既存のファイアーエムブレムシリーズの移植ではなく、スマートフォ

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

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

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

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

Amazon、スマートアップの製品のみを扱う特設ストア「Amazon Launchpad」を日本でも開始

Amazon、スマートアップの製品のみを扱う特設ストア「Amazon Launchpad」を日本でも開始

Amazonがスタートアップの製品のみを掲載する「Amazon Launchpad」を日本でもスタートさせました。 Amazon Launchpadはスタートアップ企業が手掛ける製品のみを扱う特...

Y!mobile、Android One第2弾となるS1、S2を発表

Y!mobile、Android One第2弾となるS1、S2を発表

Y!mobileが国内のAndroid One第2弾となるAndroid One S1、S2を発表しました。 国内Android Oneの第2弾 Android Oneは、NexusやPixe...

世界最小級の紛失防止タグ「MAMORIO」 ユーザー数が増えると紛失時の発見率も上がる「クラウドトラッキング機能」を搭載

世界最小級の紛失防止タグ「MAMORIO」 ユーザー数が増えると紛失時の発見率も上がる「クラウドトラッキング機能」を搭載

日本でも提供が開始されたスターアップの製品を扱うAmazon Launchpad。 関連:Amazon、スマートアップの製品のみを扱う特設ストア「Amazon Launchpad」を日本でも開始...

MENU

back to top