msatou5のブログ -2ページ目

msatou5のブログ

ブログの説明を入力します。

アメブロでWebフォントを使ってみました。
モリサワのTypeSquareです。
JavaScriptのタグとCSSにフォントを指定すると簡単に使えます。
試しに”すずむし”を使ってみました。


TypeSquareはモリサワのWebフォントサービスです。
登録するだけで1種類のフォントが無料が使えます。たくさん使いたい場合は有償プランになります。
TypeSquareを登録してから管理画面で設定が必要です。
1、利用サイトの登録
アメブロだとhttp://ameba.jp/xxxxx/ 
xxxxは自分のアカウント

2、利用するフォント
無料プランは1種類だけフォントが選択できます。
今回は”すずむし”

アメブロでも設定
1、フリープラグインにTypeSquareのプラン専用タグをコピーして保存
2、サイトのCSS編集画面でフォント名を指定します。

=====<<以下抜粋>>================
/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#333333;
font-family:"Suzumushi"; ←ここ追加
}
==============================

フォント変えると、雰囲気変わるね。