日本語webfontの作成

英字なら以下のサイトで可能やけど、日本語は無理のよう。

http://www.fontsquirrel.com/fontface/generator

なので以下のツール使う。

WOFFコンバータ
http://musashi.or.tv/woffconv.htm

 

書き方は

CSS

@font-face {
font-family: ‘***********’;
src: url(”***********.eot’);
src: url(”***********.eot?#iefix’) format(‘embedded-opentype’),
url(”***********.woff’) format(‘woff’),
url(”***********.ttf’) format(‘truetype’),
font-weight: normal;
font-style: normal;
}

 

で、ソース側は

<style type=”text/css”>
body{
font-family: ”***********’;
}
</style>

つう感じ。

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

Your post must include a link to this post.

How does this work?
Write a response on your own website and include a link to this post. Then submit your response’s URL here. Your response may appear here after moderation. To update or remove it, edit or delete your original post and submit the same URL again. Learn more about Webmentions.