Loco-net.org

ホンディの日々の思うことやWebのメモ書きなど(ジャンルに特科はしておりません)

趣味のこと::フォント(font)のこと

Webフォントをぶち込んでみた

またまた、ご無沙汰しております。
ご無沙汰ばっかりしています。

この度、とうとうこのサイトにWebフォントをぶち込んでみました。
凄く一目惚れしたフォントがあったのですが、Webフォントとして使用する場合は、有料だったので、諦め。。
別の、商用もOKな(このサイトは個人だけど)フォントでやってみた!

意外と簡単だった。

CSSに以下の記述を前もってしておいて、

@font-face {
	font-family: 'フォント名';
	src: url('.フォント名.eot');
	src: local('フォント名'),
		url('フォント名.woff') format('woff'),
		url('フォント名.otf') format('opentype');
		url('フォント名.ttf') format('truetype');
}

指定したい箇所に、

 h1 {
	font-family: 'フォント名';
}

などと記述すればOKでした!

もちろん使用するフォントは、Readmeなどをよく読んで、ご利用すべしですね!

※ちなみに、このサイトにぶち込んだフォントは↓こちらのエントリに記載しています。
(*^∇^)つ【商用可】よもぎフォント(第一水準日本語)
同じカテゴリ内最新記事