Emolett ( » Emolett Web Site )

Emolett について

Web Fontsとして利用されることを目的としてつくりました。

例えば (笑) に class="emo" と指定するだけで、絵文字になります。

日本語では( ) の中に漢字1文字で感情を表現をする文化があるので、絵に意味を持たせるのに適していると思いました。

Web Fonts が表示できないブラウザでも、単に(笑)と表示されるので、気持ちを伝えることができます。

HTMLファイルのheadタグ内にCSSファイルへのリンクを書きます。

<link rel="stylesheet" href="http://mayuco.github.com/emolett/stylesheets/emolett.css">
絵文字にしたい箇所で、以下のように class="emo" または class="emolett" を指定します。

おもしろいね <span class="emo">(笑)</span>

実際に使う場合は、フォントファイルを自分のサーバーへアップロードしましょう。

ダウンロードするか、cloneします。

$ git clone git://github.com:mayuco/emolett.git
emolettフォルダの中にあるfontsフォルダを自分のWebサイトに置きます。
例えば以下のようにCSSを書き、フォントのパスを指定します。

@font-face { font-family: Emolett; src: url("/fonts/Emolett.woff") format("woff"), url("/fonts/Emolett.otf") format("opentype"); }

.emolett, .emo { font-family: Emolett; }
絵文字にしたい箇所で、以下のように class="emo" または class="emolett" を指定します。

おもしろいね <span class="emo">(笑)</span>

1.0.0