Webフォントを滑らかに表示させるCSS 2016年版 IE 11/Edge/Chrome/Firefox（Windows）
目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1px rgba(0,0,0,0.5) CSSを適用した状態で各ブラウザーの実際の画面でチェック このブログ内の関連ページ 参考にしたページ サンプル画面として使ったサイト この記事へのネットの反応まとめ ●ブラウザーによってWebフォントの見え方が違う 今更ですが、日本語のWebフォントを会社のサイトで使い始めました。 元来、Webブラウザは端末にインストールされているフォントを呼び出し文字を表示する。端末のフォント如何では、Webデザイナーが意図しないWeb表示がなされてしまい、またフォントに関するWebデザインに制約が生じてし
Webサイトで利用されているフォントを調べられる「Fontface Ninja」
Webサイトを見ていると、そのWebサイトで利用しているフォントが気になる人もいると思いますが、そのフォントの名前などを調べるのは難しい場合もあると思います。そんな時に利用すると便利なのが「Fontface Ninja」です。 Fontface Ninjaはブラウザに拡張機能を入れることで、ブラウザで表示されているWebサイトのフォントを調べられるツールです。例えば、Chromeに拡張機能をインストールするとブラウザの右上にFontface Ninjaのアイコンが表示されます。 これをクリックした後、Webサイトの文字にマウスをあてると、そのフォントの名前などが表示されます。 またWebサイトの文字だけの表示したりフォントによっては、そのフォントをダウンロードもできるようです。 Webサイトの制作をされている方は、フォントが気になる方もいらっしゃると思います。このツールを利用して気になるW
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
