アメブロdeアクセスアップ

やさしさゴシックという可愛いフォントに変更する方法 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:プチカスタマイズ

フォントの変更をしたい!!
という方が、とっても多いです。
このブログでも、【フォントを変更する】という記事が、
とっても多いわけです。

今日は最近見つけた、【やさしさゴシック】というフォントを
ご紹介していきますね。

 

 

アメブロや他のブログもそうですが、
フォントを変更するには、CSS(スタイルのこと)を変更・追加しなければ、
変更は無理なんですね。

 

それに、フォントは自分のPCにインストールしても、
ブラウザで見た時に、閲覧者がちゃんと表示を確認できるかどうかも、
解らないんです。

 

以前の記事でも書いているんですが、
フォント(文字のこと)は、簡単に設定もできますが、
使っているブラウザによっては、
見ることができない場合があります。
【アメブロ フォントの種類を変更する方法】

 

 

ですが、最近はオープンソースといってフォントをインストールすれば、
ブログにも反映でき、他の方からもちゃんと変更されたフォントで、
見ることができる、便利なフォントも開発されています。

 

 

今回ご紹介するフォントは、
【やさしさゴシック】というフォント

 

http://www.fontna.com/

 

 

 

 

 

※画像をクリックすると、サイトへ行きます。

 

 

 

この【フォントな】というサイトから、ダウンロードし、
ご自分のPCにインストールしてくださいね。

手書き風フォントって、私は大好きなので、
早速インストールしてみました。

 

そして、ブログに反映させてみました。
こんな感じね。

 

フォントを変更しました。

 

 

どうでしょうか?

 

可愛いでしょう????

 

今回はブログ全体のフォントを変更してしまっています。

ですので、サイドバーの文字も全部、この【やさしさゴシック】に変更されています。

 

http://ameblo.jp/test-site1/

 

 

 

← サンプルサイトで、確認してみてくださいね。

全体のフォントが変更になっているのがわかるはず!!

 

 

 

 

 

 

フォントの場合は、パーツごとに変更が可能なので、

  • サイトバー
  • 記事タイトル
  • 記事本文
  • ブログタイトル
  • ブログの説明

それぞれ、違うフォントにしてもいいかも。

 

 

その代り、違うフォントばかりにすると、
統一感が無くなり、バランスがよくないかもです。

 

そこは、ひとつ自分のセンスでね・・・・

 

 

フォントの追加は、 【フォントな】からお願いしますね。

 

 

【フォントな】から、 【やさしさゴシック】をダウンロードして、
ご自分のPCにインストールしてくださいね。

 

 

【フォントな】は、個人・商用無料のフリーフォント。

サイトをご覧になればお分かりのように、
【やさしさゴシック】だけインストールしても、 ブログには、反映されません。

 

 

もうひとつ【IPAフォント】も一緒にダウンロードして、
インストールしなければなりません。
そうしないと、ブログに反映させることができないんです。

 

 

そんなに、時間がかかりませんので、
【フォントな】のサイトでは、ダウンロードとインストール方法、
それから、ファイルの説明なども書かれていますので、
しっかり読んで利用してみてください。

 

フォントの中には、日本語対応ができていない、
あるいは、かな文字しか対応していないものがあります。

 

 

有料フォントの場合は、全部揃っているけれども、
無料の場合は、かな文字しか揃ってない場合もあります。
(これは、ライセンスによって違います。)

 

 

フォントの利用もちゃんとサイトの説明を読んで、
楽しく、賢く利用しましょう。

 

ちなみに、アメブロに設定する場合は、
フォントをインストールして追加した後、 CSS編集可能なブログの場合は、

CSS編集のところで、
body というところを探してください。(最初の方にあります。)

そこに

font-family:”07やさしさゴシック”,”07YasashisaGothic”;

と追加してくださいね。(全体の文字が変更します。)

 

CSS編集できないデザインスキンをお使いの方は、
下記コードを、フリープラグインに追加してくださいね。

 

 

設定は簡単でしょう。

 

可愛いフォントにしたい方は、ぜひやってみてくださいね。

 

ついでに、メニューバーを付けたい場合は、
こちらに設置の方法があります。
【アメブロ テンプレ改造 メニューバーの設置方法】

ぜひ参考にしてくださいね。

 
 
 

テンプレートデザイン・カスタマイズのこと、アクセスアップのこと、
アメブロのことならお任せあれ!

Copyright © アメブロdeアクセスアップ All Rights Reserved.