はてなブログを、WebフォントのTypeSquareでカッコよく表示する

Webフォントを表示するために、必要なコードは、
ソースを見ると、以下の感じで埋まっていればいいようです。

</header>
          <div id="top-editarea">
            <script type="text/javascript" src="//typesquare.com/accessor/script/typesquare.js?xxxxxxxxxx" charset="utf-8"></script>
          </div>

Titleのfontfamilyは上書きされている。

Bodyのfontfamilyも上書きされている。

でも、うまく動いてないように見える。
どこが悪いんだろう？？

TypeSquareの利用サイトURLに登録してありませんでした。
以下のように、登録したら、表示されるようになりました。
すごく、いい感じです。