しぐまっく

愛機MacBook Pro(Mid 2010)を研究やら趣味やらに使っている際のおぼえがき.homebrewとかlinuxとかwebサービスとかも.

Webフォント はじめました。

はてなブログへのWebフォント導入ログを載せておきます.

サービス

TypeSquare [タイプスクウェア]
モリサワによるWebフォントサービス.10kPV/monthまでなら無料で1書体使用できるので,"Webフォント気になる" という人にはちょうどいいかもしれないです.
リュウミン,新ゴ,ヒラギノ等有名どころが揃っています.このサイトで使用しているのは 新ゴL です.(ちょっと合わないかな…?)

方法

  1. TypeSquare [タイプスクウェア] にアクセス.
  2. [ご利用申し込み] から必要事項を入力して,登録.(無料でできるのでご心配なく)
  3. ログイン後,[プラン・オプション設定] にて [利用サイトURL] にWebフォントを使いたいサイト/ブログのURL(ドメイン)を登録
  4. "プラン専用タグ" をコピーし,はてなブログの [デザイン] のヘッダ設定にペースト
  5. "利用書体一覧" で使いたい書体を登録後,CSSをコピーし,同じく [デザイン] のCSS設定にペースト

ちなみに,TypeSquareのサイトの "シミュレーション" から,サイトに色々なフォントを設定してみた場合の表示をテストすることもできます.