Webフォントをぶち込んでみた
またまた、ご無沙汰しております。
ご無沙汰ばっかりしています。
この度、とうとうこのサイトにWebフォントをぶち込んでみました。
凄く一目惚れしたフォントがあったのですが、Webフォントとして使用する場合は、有料だったので、諦め。。
別の、商用もOKな(このサイトは個人だけど)フォントでやってみた!
意外と簡単だった。
CSSに以下の記述を前もってしておいて、
もちろん使用するフォントは、Readmeなどをよく読んで、ご利用すべしですね!
※ちなみに、このサイトにぶち込んだフォントは↓こちらのエントリに記載しています。
(*^∇^)つ【商用可】よもぎフォント(第一水準日本語)
ご無沙汰ばっかりしています。
この度、とうとうこのサイトに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などをよく読んで、ご利用すべしですね!
※ちなみに、このサイトにぶち込んだフォントは↓こちらのエントリに記載しています。
(*^∇^)つ【商用可】よもぎフォント(第一水準日本語)
同じカテゴリ内最新記事