Emolett ( » Emolett Web Site )

Emolett について

Emolettは、(　) と漢字1文字での感情表現を絵文字で表すためのフォントです

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

ライセンス

Copyright (c) 2012 Mayuko Sekiya

SIL Open Font License (OFL) を採用します。