タイトル画像などで、

かっこいいフォントを使いたいと思った時は、

無料で使える FONT SQUIRREL がオススメです。

400種類を超える大量の英文字フォントが利用できます。

http://www.fontsquirrel.com/

商用利用もOKですが、ライセンスを確認して下さい。

 

FONTSQUIRREL1

 

使い方は、簡単です。

使いたいフォントが見つかったら、

DOWNLOAD OTF と書かれた部分をクリック。

DOWNLOAD TTF や他の文字の場合もあります。

FONTSQUIRREL2

すると、zip ファイルがダウンロードされます。

この zip ファイルを開くと、拡張子が otf のファイルがあります。

FONTSQUIRREL3

otfファイルが1つの時もありますし、複数の時もあります。

otfファイルを開くと、フォントファイルが表示されます。

「インストール」をクリックすると、

パソコンに、フォントがインストールされます。

FONTSQUIRREL4

パソコンで使用するなら、ここまででOKです。

 

ホームページで使用したい場合は、

サイト上部のメニューから

「WEBFONT GENERATOR」を選択します。

FONTSQUIRREL5

Add Fonts をクリックして、

パソコンからフォントを選択します。

 

このサイトからダウンロードした、

otf ファイルや ttf ファイルを選択しても構いません。

Agreement にチェックを入れると、

DOWNLOAD YOUR KIT というボタンが表示されるので、

クリックします。

FONTSQUIRREL7

すると、zip ファイルがダウンロードされます。

この中には、フォントファイルや css ファイルなどが入っています。

font ファイルは、サーバの任意の場所にアップします。

わたしは、font というフォルダを作り、そこにアップロードしました。

 

次に、stylesheet.css をエディタなどで開き、

各フォントのパスを編集します。

その css の名前をユニークな名前に変更して css フォルダなど、

任意の場所にアップロードします。

html のヘッダーで、その css を読み込めば、完了です。

 

PC SUPPORT AWS
↑ こんな奇抜なフォントも!

アメブロでは、フォントが見られません。
アメブロの方は、こちらのサイト

私が買ってよかったパソコン&iPhone関連商品 トップ7








アクセス解析を学ぶなら読んでおきたい4冊