稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

副業で稼ぐ仕組みの作り方

WEBフォントを無料で使えるタイプスクウェア

投稿日:2014年3月8日 更新日:

日本語の無料で使えるWEBフォントってあまりありませんよね。→見つけました!

はじめに

クライアントからよく言われる質問で、フォントを変えたいと言われた時に探し出した無料で使えるWEBフォントをご紹介いたします。

注意事項

フォントによってはデザインが崩れる可能性がございますのでホームページを制作する場合は始めの段階から申しこむようにしましょう。

登録しよう

まずはお申込みから

こちらのサイトにアクセスして下さい。

logo

タイプスクウェアのホームページ

左側にお申込みページへのリンクがありますがデザイン変更などで変わる場合がございますのでお申込みフォームへのリンクを貼り付けて置きます。

お申込みページはこちら

font0

ご利用申込みのボタンをクリックします。

font1

上記の利用規約に同意するにチェックを入れて次へのボタンをクリックします。

font2

次は利用者情報の入力です。利用される方のお名前、ご住所、お電話番号、メールアドレス、ログイン用パスワードを入力して次へボタンをクリックしましょう。

font3

確認画面です。問題なければ次へをクリックしましょう。

font4

この段階では受付が完了しただけですので、まだWEBフォントを利用する事が出来ませんのでご注意下さい。

メールを確認しよう

先ほど登録したメールアドレス宛にメールが届いているので確認して下さい。

font5

メールの中に記載されているURLをクリックして下さい。

font6

これで入会が完了しました。次はいよいよWEBフォントを選んでいきます。

フォントの設定をしよう

まずはログインしましょう

font7

 

まずは、先ほど登録したメールアドレスとパスワードを入力してログインします。

font8

 

次に無料で利用される方は「スタンダード無料プラン」をご利用の場合は、こちらからプラン設定詳細に進んでください。のこちらをクリックします。

利用書体を選ぶ

font9

 

新規利用書体登録の青いボタンをクリックして書体を登録します。

ちなみに無料プランであれば選べるフォントは1つになります。

font10

 

私は変化がわかりやすいように丸くて太めのWEBフォントを選んでみました。最後に決定ボタンをクリックします。

利用サイトを登録する

font11

 

新規利用サイト登録と言う青いボタンをクリックしてサイトを登録します。

ちなみに無料プランであれば登録出来るサイトは1つになります。

font12

 

とりあえず副業ブログのサイト内で利用してみるのでこのサイトのURLを登録しました。最後に決定ボタンを押してください。

font13

 

最後に必ず変更内容を確認ボタンを押してください。

font14

 

そして、保存実行ボタンを押すとWEBフォントを利用する為の設定が完了しました。

フォントを変えたいファイルを用意しよう

テストページで実験

まず、適当にフォントを変えたいファイルを用意します。

font16

 

今現在はフォントに何の変化もありませんよね。

では、早速WEBフォントを使用する設定をしていきましょう。

font15

 

プラン・オプション設定をクリックして下さい。

font17

 

次に確認・編集ボタンをクリックします。

2箇所コピーしておきましょう

まず初めはこのjsをコピーしておきます。

font18

 

次はcssをコピーします。

font19

 

ヘッダーに入れよう

先ほどコピーした2つをヘッダーに入れます。

font20

 

この辺りは基本的なcssの知識があれば問題なく出来るでしょう。

こんな感じに変化しちゃいます

いよいよお待ちかねの

ヘッダーに先ほどの情報を入れて保存し、アップロードするとこのように変化しています。

font21

 

どうでしょう?フォントが全然違った感じになっていますよね。

ちなみにテストサイトはこちらになります。

https://www.moco358.com/sample/font.html

以上で、WEBフォントを無料で使えるタイプスクウェアの説明を終了させて頂きます。

さいごに

ブランディングの強化にも

たかがフォントですが、されどフォントです。ブランディングを意識したりSEO対策を意識したデザイン性のあるホームページを制作するするのにはフォントの影響もあると思います。

私自身も色々とホームページを見てきましたがフォントが違うと目がとまってじっくり見てしまったり。(これは職業病なのかもしれませんが笑)

または、他の人と違った事をしたいとお考えの方にオススメなので是非副業でブログをするのであれば一度使ってみては如何でしょうか?

-副業で稼ぐ仕組みの作り方
-

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

Amazonセラーセントラルで返品時の対応

Amazonはほぼ無条件で返品受けるのがうっとおしいよね 関連記事: amazon seller centralでのブランド登録方法 ECのショッピングカートシステム比較 amazon seller …

さくらサーバーにドメインを移す【移管方法】準備

ドメインを初めて移す方は不安ではありませんか?今回はさくらサーバーへの移管方法を詳しく説明させて頂きます。準備編になります。 関連記事: さくらサーバーにドメインを移す【移管方法】申込み カスタムフィ …

ワードプレスのプラグインCustom Field Suiteの使い方

Custom Field Suiteを入れたもののどうやって使うんだろうって人向けの細かい使い方をご紹介いたします。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 簡単にカ …

ECCUBE2系から4系へ移行してみた

ECCUBE2系から4系へ移行が意外と簡単だったのでご紹介いたします 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 【EC-CUBE】管理画面に色々な箇所のファイルを呼び出 …

FC2ショッピングカートの販売する為の設定

FC2ショッピングカートに登録し、ネットショッピング開設するまでの流れをご紹介いたします。 関連記事: 無料のFC2ショッピングカートの登録方法 FC2ショッピングカートの商品登録方法とデザイン変更 …