一月半前位に書いた上記エントリで実装してたモリサワのCSSでのクラウドフォント、結局外しました。
前回も書いたようにモリサワのサーバを毎回参照するんで表示に時間がかかるってのもあったのだけれど、外す一番の理由はwin機での表示がダメダメという点。
先日広島に帰った時に実家のwin機でこのサイトを見てみると、クラウドフォント部分がガタガタ。アンチエイリアス無しのガタガタってことではなく、文字として認識するのもちょっとしんどい程度にガタガタだったり文字欠けしているような部分も。キャプチャ撮っておけばよかったのだけれど、あまりのカッコ悪さにそんなことも思いつかず。。。
自分のサイトだしモリサワだから大丈夫っしょって感じでwin機ブラウザで確認してなかったのが悪かった。現段階でこのモリサワクラウドフォントはごく趣味的に使う程度以外には使わない方がいいみたい。
昨日、いやもう一昨日か、モリサワフォントがwebフォントとしてクラウド経由で自分のサイトでも使えるっていうサービス、TypeSquareが始まって、しかも年末まで無料ということで早速登録。
TypeSquareはあなたのウェブサイトデザインを一新します。
TypeSquareのクラウドフォントを利用することで、多彩なフォントの美しさはそのままに、魅力的なウェブサイトを効率よく作成できます。
すぐに音ブログの方には実装してみて、色々試してみながらようやくこの書体かなーっていうのに落ち着いたので、こちらのブログにも実装してみましょう、と。
headerにTypeSquare用のタグを記述し、cssにてfont-familyをモリサワの使いたいフォント名に指定してやると表示されるようになるのだけれど、単にフォント指定するだけではなんとなく違和感があったので、line-heightだとかを微調整してああこんな感じってなってきた。
ってことで、このブログは新ゴでまとめてみた。部分部分でウェイトを変えて。
しかし、新ゴでは普通過ぎるので、このエントリだけは別の丸フォークにしてみよう。どうでしょうか。
ただ、クラウドフォント、webフォントなので、毎回フォント置いてあるサーバ参照するので表示が遅くなるというのもあるし、来年になれば従量制課金になるので、あくまでもお試し的に期間限定でこの状態ってことになりそうだ。まあ、Macで見る分には普通のテキストでも十分見やすいし。
上記のようにamazonでも販売されてるCSSの書籍なんですが、現在PDF版が無料でダウンロード出来るキャンペーンってのをやってまして、そちらをゲットしてみました。
メールアドレスを登録する方法とTwitterでこの書籍用のアカウントをフォローするって方法があり、Twitterのフォローでゲットしてみました。流れとしては自分のTwitterアカウントでsitepointdotcomというこの書籍のアカウントをフォローしてやると、ダウンロード用のURLがTwitterメッセージとして送られてくるって感じ。
個人的なTwitterの使い方をまだまだ模索中である身としてはこういうプロモーションは面白いし、単にダウンロードしてもらうだけでなく、後々にも活かせる方法だなぁ、と感心。他にもプロモーション的なアプローチを取っている企業や個人もいるのも聞いたことあるけれど、今回初めて自分の興味と一致した時の効果はかなり大きいんだなぁと実感しております。