文字の一部だけ色を変えて欲しい、そんな要望がクライアントから出たらどうしますか？一番単純なのは画像を使うことでしょう。しかしそこで諦めてしまったら試合終了です。 そこで参考にして欲しいのがCSS SANSです。スタイルシートで作られたフォントになります。

CSS SANSの使い方

ほら、普通の文字に見えるでしょ？

実はスタイルシートなんです。

こちらも。

AからZまで用意されています。

CSS SANSはいわゆるサンセリフのフォントになります。今のところ大文字のAからZまでですが、小文字や数字、記号への対応がまたれます。

使い方もシンプルで、

<!-- Latest CSS -->
<link rel="stylesheet" type="text/css" href="css-sans-1.0.0.css" />
<!-- A -->
<div class="A"></div>
<!-- B -->
<div class="B"></div>
<!-- C -->
<div class="C"></div>

のようにクラスで文字を指定するようになっています。

CSS SANSはスタイルシート製、MIT Licenseのオープンソース・ソフトウェアです。

CSS SANS yusugomori/csssans