Webセーフなフォントを確認できて、簡単にコピペもできる「CSS Font Stack」

Webセーフなフォントを確認できて、簡単にコピペもできる「CSS Font Stack」

最近はWebフォントを使用したサイトが増えていますが、個人的に覚えておきたいと思ったのでメモ兼ねて紹介します。

CSS Font Stack」はWebセーフなフォントを確認できて、MacとWindowsのシェア率などの情報も確認することができます。
また、「Copy to Clipboard」で簡単にfont-familyをコピーできるので、使いたいフォントをそのままコピペでCSSに記述できます。

CSS Font Stack
CSS Font Stack

各フォント名の右にあるアイコンをマウスオンすることで情報を見ることができます。
上はArialの虫眼鏡アイコンをマウスオン時のキャプチャで、font-familyの記述を確認できます。
ここで表示されているものが、「Copy to Clipboard」の際にコピーされています。

CSS Font Stack

上はArialのインフォアイコンをマウスオン時のキャプチャで、ここではMacとWindowsのシェア率を確認できます。
Webセーフのフォントとはいえ、例えばHelveticaはかなり有名なフォントですがWindowsのシェア率がかなり低いといったこともあるので、そういったことを考慮する際に役立ちそうです。

Back to Top

Webセーフなフォントを確認できて、簡単にコピペもできる「CSS Font Stack」

Webセーフなフォントを確認できて、簡単にコピペもできる「CSS Font Stack」

/ Services & Resource

Tagged with:

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。