mactypeを使わずに綺麗なフォントで表示する その3

Windows 10 にアップグレードしても、相変わらずフォントはお世辞にも綺麗とは云えないが、せめてブラウザで表示するコンテンツは見栄えのするフォントで表示させたいと思うのは筆者だけだろうか?

フォントを綺麗に表示するツールといえば、”mactype” が定番ではあるが、 mactype+Chrome 問題点と対策 まとめ: Jkun Blog で記事にしたように問題も多い。

さて、関連記事としては今回が第三弾である。二弾に引き続き、ブラウザに限定した話しである。スタイルシートを利用して、文字をクッキリさせる。Windows 8 以降のユーザーの方は、今回紹介する方法も合わせてお試しください。

スタイルシートを適用させるには、Chrome・Firefox・Opera の場合は拡張機能を利用すれば簡単である。(例えば”Stylish!”) IEの場合は、設定で対応できる。

110081627676_5916ce45a1_o.png

[インターネットオプション] → [全般タブ] → [ユーザー補助] の [□Web ページで指定されたフォント スタイルを使用しない] にチェックを入れる。
次に、[□自分のスタイル シートでドキュメントの書式を設定する] にチェックを入れて・・・
ユーザースタイルシートのファイルを”参照”で設定する。

設定するスタイルシート

* {
    font-family: 'Yu Gothic UI Semibold' !important;
}

Windows 8 以降で採用されている、'Yu Gothic UI Semibold' を指定して、くっきり太めで表示する。

適用前 (メイリオ)
222022306156_4ec4c70b85_o.png

適用後 (Yu Gothic UI Semibold)
322048490925_9eb5d740fa_o.png

いかがでしょうか?ずいぶんくっきり綺麗に表示されるようになった。

2015-11-22
Firefoxでは、 'Yu Gothic UI Semibold' が効かないので、 'Yu Gothic UI' にして太くすれば同じことになる。

* {
    font-family: 'Yu Gothic UI' !important;
    font-weight: bold !important;
}

mactypeを使わずに綺麗なフォントで表示する その1: Jkun Blog
mactypeを使わずに綺麗なフォントで表示する その2: Jkun Blog
mactypeを使わずに綺麗なフォントで表示する その3: Jkun Blog

Firefoxで閲覧ページだけにfont-familyを強制的に反映する方法: Jkun Blog

Windows 10 に「Noto Sans CJK」をインストールしてきれいな文字で・・・: Jkun Blog

MacTypeと同じ効果Chrome拡張機能「Font Rendering Enhancer」: Jkun Blog

admin
カテゴリ:ブラウザ
2015/10/09 15:52 | コメント (0)

◎この記事へのコメントは 0 件です。コメント欄を表示しますか?
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


PR

カテゴリ
タグクラウド
最近のコメント
過去ログ
このブログについて
jkun-400x400.jpg インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。
筆者プロフィール