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

もじでぱを使って、ブログのフォント変更を試してみました。 | アメブロのテンプレートやツールを使って、アクセスアップする方法やアメブロカスタマイズの方法をご紹介します。


テーマ:CSSでカスタマイズ

アメブロのフォントを変更したい!!
という方、とっても多いですよね。

 

もじでぱという便利なサイトを使って、
ブログのフォント変更を試してみました。

 

 

 

先日も質問で、【あんずもじ】に変更したいんですが・・・
というお問い合わせをいただきました。

 

 

 

フォントというのは、それぞれPCによっても、
搭載されているフォントが違います。

 

 

いろんなフォント(文字の種類)があるのですが、
まず、自分のPCにインストールしなければ反映しません。

 

 

 

ブログの場合、例えば・・・・

 

  • ブログタイトル
  • ブログの説明
  • 記事タイトル
  • 記事の内容

 

 

それぞれ、フォントの指定が予め行われています。

 

アメブロだったら、標準フォントは下記の通りです。

 

 

  • MS Pゴシック
  • ヒラギノ角ゴ Pro W3
  • Arial
  • Helvetica

 

 

 

こんな感じで、CSSでブログ全体に指定してあります。

 

 

 

これを変更するには、CSSにコードの変更しなければ反映しません。

 

 

 

 

 

このコードは、簡単です。
例えば、私が使っているフォントでメイリオフォントを設定してみましょう。

 

 

CSS編集可能なテンプレートを使っている方は、

 

 

上記コードを、CSSに追加してください。

 

 

CSS変更を使っていない方は、

 

 

 

 

上記コードを、プラグインかフリースペースに追加してくださいね。
※フリースペースに貼りつける場合は、改行せずにそのままコピーして、貼りつけてくださいね。
 

これで、ブログ全体のフォントを変更することができます。

 

 

 

記事の部分だけのフォントを変更したい方は、
こちらに詳しく書いています。
アメブロカスタマイズ 記事内フォントを変更する方法とは?

 

 

 

ただしですね。

 

 

 

 

人が作ったオープンフォントでも、
そのフォントが、閲覧しているPCにインストールされていなければ、
自分のブログのフォントを変更したとしても、
表示に変化は見られないんですね。

 

 

 

質問の内容としては、あんずもじフォントという手書きのフリーフォントに、
ブログの記事のフォントを変更したいという希望でした。

 

 

あずきフォントは、こんな感じです。(ついでに「やさしさゴシック」も表示してみました。)

 

 

 

フォントの種類

 

 

これらのフリーフォントは、ご自分のPCにインストールすると、
表示は見られます。ですが、あんずもじフォントをインストールしていないPCでは、
見ることはできません。

 

 

ですので、ブログタイトルを画像にして、
このフォントを使ってみるとか、画像処理での使い方が一般的なんです。

 

 

 

ですが!
「もじでぱ」というサイトは、公開されている、
フリーフォントを、ブログ表示可能なサイトです。
※プラグインを追加するだけです。

 

いろんな無料ブログで使えます。
こんな感じね。

 

使えるブログサービス一覧

 

※これらの無料ブログで使えるらしいです。

 

 

 

で、1ブログのみ無料ですが、プランを変更すると、
利用できるブログの数や、フォントの種類などが増えます。

 

 

 

無料プランだと、広告がしたから出てきます。
(これには、ちょっと驚いた!!)

 

 

で、私もやってみました。

 

 

なんと、変化なし!!

 

問い合わせたんですが、返信もなく・・・・

 

 

 

どうしたもんかと、いろんなサイトを探してみたんですが、
やっぱり表示されないというサイトも多いみたいです。

 

でも、無料のうちはいろいろと試してみるべき!!

 

もし、チャレンジしてしたい方は、
是非にどうぞ!! → もじでぱ
 

 

 

なにかお困りのことはありませんか?

良かったらメールをしてくださいね。

ぺんちゃーん クリック!!

arrow10_59x29_ylw

mail-pen1

ちえぞうに直接届きます!!

 

 

 

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

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