読者です 読者をやめる 読者になる 読者になる

趣味イラストレーターのオタク主婦のひっそりブログ。

とりとめのない日記です。メインサイト:http://hide.kanari.info/ ブログ:http://kanari.info/b/

はてなブログに手軽にWebフォントを適用してデザインを引き立てる方法。

http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/design/
M+ OUTLINE FONTS | DESIGN
via kwout

インストールなど不要で、はてなブログにウェブフォントを適用したい。

はてなブログで手軽にウェブフォントを使える方法が無いかと調べてたんですが、M+ OUTLINE FONTSを使えばあっという間に利用できてしまうんですね。

詳細は「M+ OUTLINE FONTS」で手軽にウェブフォントが使えますの記事で書いたのですが、はてなブログだとデザイン設定のCSS

@import url(http://mplus-fonts.sourceforge.jp/webfonts/mplus_webfonts.css);
html,#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,.hatena-module-title{font-family:mplus-1p-regular}

とか書くと適用されると思います。実際私もこのブログに適用してみたんですが、ちょっとかわいらしい雰囲気になったんじゃないかと思ってます。

あ、日付の部分はGoogle Fontsを使ってます。

@import url(http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister);
.date{font-family:'Love Ya Like A Sister', Love Ya}

これで、日付がペンで落書きした文字のような雰囲気になっています。

おしゃれなフリーフォントと飾りパーツの素材集 -Font & Parts Collection- (ijデジタルBOOK)

おしゃれなフリーフォントと飾りパーツの素材集 -Font & Parts Collection- (ijデジタルBOOK)

広告を非表示にする

▲TOPへ