OLYMPUS DIGITAL CAMERA

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

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

タグ: , ,

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

最新情報をお届けします

TONE m15

TONEモバイルのスマートフォン、TONE m15をレビュー 子供に持たせるにはちょうどいいかも

名前だけは知っていたものの、個人的にはかなり未知のMVNOサービスだったTSUTAYAのスマホ「TONE」。 今回、リンクシェア経由で端末をお借りして初めて弄ってみました。 決してハイスペックな端末で

楽天モバイル

楽天モバイル、楽天スーパーSALEでZenFone 3 Ultraを32,800円で販売

12月3日(土)19時から楽天スーパーSALEが開催されますが、このセール期間中、楽天モバイルが12月9日に発売予定のZenFone 3 Ultraを数量限定で約半額の32,800円(税込)で販売しま

sim360

世界105か国以上でテキストメッセージサービスが使える海外ローミングSIM、「Sim360」レビュー

indiegogoで出資していた、世界105か国以上でテキストメッセージが使い放題になるという「sim360」が届きました。 関連:世界105か国でテキストメッセージが使い放題、着信無料の「Sim 3

nuro mobile

nuroモバイル、データ通信料から5ヵ月間700円を割り引くキャンペーンを開始 2GBプランなら実質無料

So-netモバイルLTEあらためnuroモバイルが、新規契約者に対して毎月700円を5か月間割り引くというキャンペーンを開始しました。 関連:So-net モバイル LTEあらため、「nuroモバイ

Nokia

Nokia、HMD Globalと提携し2017年にスマートフォンをリリースすると発表 日本でも出る?

NokiaがHMD Globalとライセンス提携し、2017年にスマートフォンをリリース予定であることを発表しました。 この内容、以前から言われていたことですが、プレスリリースの形で公式に発表されたの

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

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

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

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

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

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

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEIの最新モデル、HUAWEI Mate 9を購入したので早速レビューです。 まだ1ShopmobileやExpansys、GearBestなどのECサイトには入荷していなかったので、今回...

Amazonプライムの初回年会費が今なら1,000円オフ 12月4日まで

Amazonプライムの初回年会費が今なら1,000円オフ 12月4日まで

Amazonがプライム会員の初回年会費が1,000円オフの2,900円となるキャンペーンを行っています。 プライム年会費が今だけ2,900円 Amazonプライムで見れるオリジナル作品「ドキュ...

レノボ公式サイトでYOGA BOOKの販売が再開 Android、Windowsとも全モデル在庫あり

レノボ公式サイトでYOGA BOOKの販売が再開 Android、Windowsとも全モデル在庫あり

品薄で永らく購入不可の状態が続いていたYOGABOOKですが、公式ショッピングサイトで販売が再開されました。 関連:板タブにもなるフラットなキーボードが特徴のLenovo YOGA BOOK(A...

MENU

back to top