The Web Font

The Sample

"Village"フォントをウェブサイトで使うことができます。
下図は１行目が普通のフォント(Sans pro)、２行目がVillageフォントです。文字列としてコピー＆ペーストが可能です。

I'm not a number.
I'm not a number.

Villageの特殊文字もテキストとして表示できます。

øØ

The Install

Step 1:　下記フォントを自分のウェブサイトにアップロードします
　フォントファイル：[TTF形式][WOFF形式][EOT形式]
Step 2:　CSSファイル内に次の記述をします（赤文字部はStep 1でアップロードした場所に書き換える）

@font-face{ 
	font-family: 'theVillage';
	src:url('/html/font/Village.eot');
	src:url('/html/font/Village.eot') format('embedded-opentype'),
		url('/html/font/Village.woff') format('woff'),
		url('/html/font/Village.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.villagefont {
	font-family: 'theVillage';
}

Step 3:　HTMLファイル内に次の記述をします(クラス名を"villagefont"にする）

<span class="villagefont">I'm not a number.</span>

The Type

下の欄に入力された文字はVillageフォントになります。
　・Macでは"Option+O"または"Option+Shift+O"で自転車マーク
　・上の"The Sample"から自転車マークをコピー＆ペーストできます