webフォント作成

全てはここに。w

日本語のwebフォントを作成する方法

ウェブサイトで指定したフォントを使って表示する方法をご紹介します。多くはgoogleのWebフォントなどを利用しますが日本語で利用できる物が少ないので自前で作成する方法を記載しました。

its-office.jp

●CSSへの記述方法

	@font-face {
		font-family: "作成時につけたフォントの名前";
		src: url("フォントのパス") format('フォントのファイル形式'),
		/* 以下記述例 */
 		  　 url("●●.eot?#iefix") format('embedded-opentype'),　/* 古いIE対応 */ 
 		  　 url("●●.woff2") format('woff2'),
 		  　 url("●●.woff") format('woff'),
 		  　 url("●●.otf") format('opentype'),
 		  　 url("●●.ttf") format('truetype'),
 		  　 url("●●.svg") format('svg');
	}