ふい字をはてなで使う - niming538の日記

まずは実験です。

ふい字で書けてますか。

どうでしょうか。chromeではふい字に見えます。

＜やり方＞

はてなのテーマの中にふい字で書かれたサイトがあって可愛かったので、その字を使いたいと思いました。Google Chromeのデベロッパーツールで開いてみて、あちこち覗いてたら、次のようなのを見つけたので、これをダッシュボード>デザイン>カスタマイズ>デザインCSSの箱の中にコピペします。

@font-face {
  font-family: 'HuiFontP109';
  src: url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.eot');
  src: url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.eot?#iefix') format('embedded-opentype'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.woff') format('woff'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.ttf') format('truetype'), url('http://hatenablog.com/fonts/public/HuiFont/HuiFontP109.svg#HuiFontP109') format('svg');
  font-weight: normal;
  font-style: normal;
}

次に、記事のHTML編集で、スタイルを指定して文章を書けば反映されます。

<p style="font-family: 'HuiFontP109', sans-serif; font-size: 200%;">ふい字で書けてますか。</p>

とかね。