ブログカスタマイズ\フォロー!/HatenaTwitterFeedlyFacebook\シェア!/Pocketこんにちは、えむしです。今日はブログのフォントをWEBフォントへ変更する方法を見て行こうと思います。Japaneseを使っています。使用するWEBフォントは「みんなの文字」さん設定方法CSSをコピペする場所はじめにきっかけはこちらのエントリー。カッコイイ!でも細かな調節は面倒だし難しい、ならお手軽な方法で雰囲気を変える事は出来ないか・・・と日本語のウェブフォントを検索しました。「みんなの文字」を導入する事によって、iOSやアンドロイド、MacOS、Windowsなどの環境に関係なく、表示を統一できます。デメリットは日本語フォントを読み込む分の通信が発生しますので、ページの表示が重くなるかもしれません。フォントを変更する事で表示崩れが発生するかもしれませんので、試す前には元の環境のバックアップを取っておきましょう。完成図ブログの雰囲気がどう変わったかというとこんな感じです。左が使用前、右が使用後ですよ。現在は使用中なので「右」の状態です。こちらのSSの撮影はKindleFireでchromeを使用した状態で行いました。これだと低解像度でわかりにくいなーと思ったので、Macのchromeでも同様のスクリーンショットを撮りました。これなら少しは変わったんだと言う事が分かりやすいでしょうか?フォントを変更した事で視認性が上がって文字が読みやすくなった気がします。ゴシック体の見た目もモダンで良いですね。携帯からご覧の方は画像をクリックすると拡大表示されますよ。活用事例も公開されています。街中で見た事があるって方も多いかもしれませんね。使用するWEBフォントは「みんなの文字」さん改めてご紹介を。DTPフォント、Webフォントです。こちらの登録ページから、ユーザーの登録をしましょう。下にあるこちらをクリック。名前やメールアドレスを登録する所があるのでそちらを入力。OKすると、登録したメールアドレスに本登録用のURLが送られてきますのでそちらをクリックして本登録を済ませて下さい。クリックするだけで終わりますよ。こんな感じの画面に移ります。次に、表示されるhtmlとcssのコードをコピーしてペーストします。設定方法うちではhtmlをサイドバーの最後に表示させるようにしました。コピーする場所はこちら「デザイン」→「カスタマイズ」→「サイドバー」で、モジュールを追加をクリック次にここそうするとこちらが開きます。すると、先ほどのシールが表示されます。当サイトではオススメのフォント、と表示させました。「みんなの文字」を使う上で必要な事なので規約を守るために必ずやりましょう。CSSをコピペする場所まずはコピペ場所を開きます。場所は「デザイン」→「カスタマイズ」→「デザインCSS」です。Verdana;}こんな感じにまとめました。登録もすぐに出来ますし、比較的簡単に設定できるので、ブログの雰囲気を変えてみたいと思われる方は試されてみては如何でしょう?今後、ブログのカスタマイズの話だけはちょっと別なブログにしようかなと考えています。次の記事でCSSに詳しいブロガーさんがよく紹介されているオススメ解説本。»おすすめプロフィールaboutえむしとえむふじん(id:mshimfujin)三人子持ちの夫婦が書く雑記ブログ。(1)えむふじんがあらわれた月別アーカイブスポンサーリンクその他はてなブログをはじめよう!mshimfujinさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。