Adobe Fonts(旧Typekit)を使ってみる

2019/05/07 サイト制作 投稿者:前原

『Adobe Fonts』はAdobe社が提供するフォントライブラリサービスです。
以前は『Typekit』という名前でしたが、改称に伴い複雑な利用制限が全て撤廃され、かなり使いやすくなりました。

変更点について詳しくはこちら
『Typekit』から『Adobe Fonts』への変更点

使えるフォントの数はAdobe一般ユーザーで182個、
AdobeCCユーザーはさらに1557個を使用できるとのことです。(※2019/05/07現在)
商用利用可でクライアントのプロジェクトでも利用可と、とても使い勝手が良いです。

詳しいライセンスについてはこちら
『Adobe Fonts』のライセンス

今回はその『Adobe Fonts』の使い方を紹介します。

『Adobe Fonts』の使い方

まずAdobe Fonts公式サイト右上にあるログインボタンからログインしてください。
(AdobeIDを持ってない方は登録してください。)

Adobe Fonts公式

左のメニューで明朝体・ゴシック体などの種類を選択します。
言語選択の欄に日本語がありませんが、
日本語フォントを使いたい場合は右上の日本語モードをクリックしてください。

お気に入り(♡ボタン)…ブックマーク

ブックマークです。

WEBプロジェクト(</>ボタン)…WEB上で使用

WEB上で使う場合こちらをクリックしてWEBプロジェクトにフォントを追加します。
(旧Typekitでは、特定サイトのフォントを1つにまとめたものをキットと呼んでいましたが、
Adobe fontsでは『Webプロジェクト』と呼びます。)

アクティベート…ローカルPC上で使用

『Creative Cloudデスクトップアプリ』をインストールしていれば、
一般ユーザーでもローカルPC上で(イラレ・フォトショはもちろん、ワードなどでも)フォントが使えます。

『Adobe Fonts』をWEB上で使ってみる

さっそくWEB上でフォントを使ってみたいと思います。

WEBフォントのメリット・デメリットなどは、以前の記事で詳しく触れていますのでそちらをご覧ください。→「そろそろ行けるか?Webフォント」

今回は日本語の貂明朝を使ってみます。

各フォントのWEBプロジェクト(</>ボタン)をクリックすると次の画面が現れます。

まずWebプロジェクトを作成します。
サイト名などお好きな名前を付けてください。
(今回は「サンプルサイト」と名付けました。)
使いたいフォントの太さにチェックして、『作成』ボタンをクリックします。

表示されたコードをサイトのheadタグ内にコピぺします。
使いたい箇所のタグに表示されたスタイルシートを適用してください。
これだけで表示されます。とっても簡単ですね。

注意点

Webプロジェクトを削除してしまうと、そのコードを使用したサイトのフォントは使えなくなります。特に公開中のサイトなどで使用する場合は気を付けましょう。

まとめ

AdobeCCユーザーは一部のモリサワフォントなども使えます。
日本語WEBフォントの選択肢が増えて嬉しい限りですね。

ですがWEBフォント自体はどうしても表示に時間がかかってしまうので多用には気を付けましょう。

関連:GoogleFontsについてはこちら

Windows 7 の延長サポート終了まで

days
2
3
3
hours
1
8
minutes
0
2
seconds
3
1

Office 2010 の延長サポート終了まで

days
5
0
6
hours
1
8
minutes
0
2
seconds
3
1

カレンダー

  12345
6789101112
13141516171819
20212223242526
2728293031  
       
1234567
891011121314
15161718192021
22232425262728
2930     
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
    123
45678910
11121314151617
18192021222324
25262728   
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
   1234
567891011
12131415161718
19202122232425
262728    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
     12
3456789
10111213141516
17181920212223
24252627282930
31      
   1234
567891011
12131415161718
19202122232425
2627282930  
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728     
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
1234567
891011121314
15161718192021
22232425262728
29      
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
  12345
6789101112
13141516171819
20212223242526
27282930   
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
      1
2345678
9101112131415
16171819202122
232425262728 
       
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       
     12
3456789
10111213141516
17181920212223
24252627282930
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
1234567
891011121314
15161718192021
22232425262728
2930     
       
    123
45678910
11121314151617
18192021222324
25262728293031
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
 123456
78910111213
14151617181920
21222324252627
282930    
       
     12
3456789
10111213141516
17181920212223
2425262728  
       
  12345
6789101112
13141516171819
20212223242526
2728293031  
       
      1
2345678
9101112131415
16171819202122
23242526272829
3031     
    123
45678910
11121314151617
18192021222324
252627282930 
       
 123456
78910111213
14151617181920
21222324252627
28293031   
       
      1
2345678
9101112131415
16171819202122
23242526272829
30      
   1234
567891011
12131415161718
19202122232425
262728293031 
       
1234567
891011121314
15161718192021
22232425262728
293031    
       

カテゴリー

群馬データセンター
群馬の法人ITサポートサービス Wide Net[ワイドネット]
ワイドオフィス
イヤホンのブランドでハイクラスを誇る | n+um(エニューム)