フリーって本当に嬉しいですが、やはり誰かが時間と技術を使って作ったもの。フリーのフォントは、すべてがフリーというわけではなくフリーで使える範囲が限られている場合が多いです。
使える範囲というのは、例えば印刷物に使用してはいけないだとか、色々と規制があります。
ただ単に、どんどんダウンロードするだけでなく、必ず使用条件を読んでください。特に海外のフリーフォントのサイトはもちろん英語で書かれていますが、必ず理解してください。

フォントを購入するタイプのものは、金額にもよりますが、質が良い、クラッシュしない、文字の種類がカバーされています。

Web Safe Fonts については、Web,デジタル書類に関して利用するのは無償ですが、印刷物に使う場合は規制されていてフォントを購入しなければいけません。

被写界深度　deps of field 複製して周囲をぼかす。blur: lenz blur

写真を複製し、overlayにすると、コントラストの強い写真になる。

ファビコン=Favorite Icon

Webサイトの上部のタブに表示されたり、お気に入りのブックマークで保存した場合に表示されたり、デスクトップにショートカットとして表示されるアイコンです。

作成

私は、イラレかフォトショで作成しています。それにプラスしてicoに変換するのに以下のサイトを利用しています。フォトショの場合はプラグインを入れてicoに変換することも可能です。

画像形式

GIFアニメーション
現在は、Firefoxでしか対応していません。あまり重くならないように気をつけてください。

サイズ

下記は基本的な値で、カスタマイズされた場合等はサイズが異なる場合があります。*大きめの画像で作成すると画像が自動で縮小されるので、画質が悪くなる場合があります。

webでの設定の仕方

<ヘッダー></ヘッダー>内に、
<link rel="shortcut icon" href="ファビコン名.ico">
を記述。

ウェブクリップアイコン＝スマホ用のファビコン

スマホ、iPadでウェブのブックマークをホーム画面に保存した時に表示されるアイコン。

作成

私は、イラレかフォトショで作成しています。

画像形式

サイズ

iOS7から「152×152 px」
iPhone 114×114
iPod touch 114×114
iPad 144×144

webでの設定の仕方 Android

ファビコンの設定と同じように<ヘッダー></ヘッダー>内に、
<link rel="apple-touch-icon-precomposed" href="アイコン名.png">
を記述。

*Androidでは光沢の設定は出来ない。
*透過部分はAndroidでは白く表示される。
*角が自動的に角丸になる。

webでの設定の仕方 iPhone/iPad

ルートの階層に、
光沢アリ:「apple-touch-icon.png」
光沢ナシ:「apple-touch-icon-precomposed.png」
でPNG画像をアップをすると自動的に拾ってくれる。

*透過部分はiphoneでは黒く表示される。
*角が自動的に角丸になる。

"Everyone knows somebody who knows somebody."

最初は、仕事は一度にこない。少しずつ来る。

If you know someone looking for a designer please let me know.