フォントで表情豊かに!Adobe Typekitで新しく使えるようになった日本語フォント4ベンダーまとめ
Webデザインにおいて、レイアウトやビジュアル面に気をとられがちですが、フォントの存在感も忘れてはいけません。
ポートフォリオサイトやストックフォトサイトであれば話は別ですが、Webサイトの多くは文字で情報を伝えるのが一義的であり、画像や動画が台頭してきた今でも画面に占める文字の割合は非常に高いからです。
そうした中、Webフォントと呼ばれる技術によって、ホームページのフォントを難しい操作なく簡単かつスピーディーに変えるのが主流になってきました。
特に日本国内においては、欧米フォントが中心のGoogle Fontsだけでなく、日本語フォントが豊富なAdobe Typekitも人気が高いようです。
以前、Adobe Typekitの使い方をご紹介しましたが、Typekitを使っている、または使ってみようと考えている方に朗報です。
2017年9月26日、新たに日本語フォントを提供するフォントベンダー4つが新たにフォントを提供することになりました。
今回は、Adobe Typekitで新しく使えるようになった日本語フォント4ベンダーをまとめました。
Adobe Typekitで新しく使えるようになった日本語フォント4ベンダー
1. 視覚デザイン研究所
画像引用元:Adobe Typekit
今回、新たにデザインフォントの収録が決まったベンダーの1つが、大阪に本拠地を構える視覚デザイン研究所(Visual Design Laboratory)です。
VDLデザイナーズフォントがTypekitに36フォント収録されています。
これらのフォントは、厳格でどっしりと構えていながらも、美しい丸みも帯びたフォルムになっており、記事タイトルだけでなく、本文でも活用できそうです。
2. 字游工房
画像引用元:Adobe Typekit
字游工房は1989年に東京都新宿区高田馬場に設立されたフォントベンダーの老舗で、MacやiOSに搭載されているヒラギノシリーズでよく知られている有名なフォントベンダーの一つです。
画像引用元:Adobe Typekit
今回、游明朝体をはじめとしてさまざまなフォントが追加されました。
はんなりとしながらも、明るく優しい印象を与えてくれるので、さまざまなWebサイトに活用することができそうです。
3. 大日本印刷
画像引用元:Adobe Typekit
おそらく日本のWebデザイン界を震撼させる可能性すらあるのが、DNPの略称で知られる印刷業界の大手である大日本印刷のフォントがTypekitに登場したことでしょう。
同社の歴史は一世紀以上前に始まり、集英社が始まった時には秀英体と呼ばれるフォントを開発していました。
今回、その秀英体フォントが利用できるようになりました。
AdobeのTypekitスタッフは特に「い」や「に」のハネが繋がっている文字の美しさを絶賛しており、高い可読性を有しながらも繊細美を追求したフォントが使えるのは、日本のWebデザイン界を大きく変えるに違いありません。
4. フォントワークス
画像引用元:Adobe Typekit
あの人気シリーズの新作ゲーム『ドラゴンクエストXI 過ぎ去りし時を求めて』をはじめとして、さまざまな場面で使われているデザインフォントの多くは、フォントワークスが手がけています。
1993年に福岡県で創業した同社は、モリサワ社と並び、日本を牽引するフォントベンダーです。
2013年にはソフトバンクの子会社となっています。
その代表的なフォントプロダクトが2010年に東京TDC賞(Tokyo Directors Club Award)を受賞した「筑紫丸ゴシック」シリーズです。
他の丸ゴシックと比べるとユニークで個性があるフォントですが、この度この「筑紫丸ゴシック」シリーズが14フォントAdobe Typekitに追加されることとなりました。
まとめ
今回、4つのフォントベンダーによる提供フォントが増え、合計で74の日本語フォントがAdobe Typekit内で使えるようになりました。
日本のWebデザイン界は欧米に比べても遅れている傾向にあるとよく言われますが、その原因のひとつは、やはりタイポグラフィに関する部分です。
今回Typekitで日本語フォントが拡充したことで、Webデザインの可能性がさらに広がるのではないでしょうか。
Typekitの使い方は、下記記事でもご紹介しています。
これから使い始めたい方は、ぜひ合わせてお読みください。
参考:
Web上で好きなフォントを簡単に表示できるTypekitの使い方
- レイアウト
- レイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- タイトル
- ホームページのソースに設定するタイトル(title)とは、ユーザーと検索エンジンにホームページの内容を伝えるためのものです。これを検索エンジンが認識し検索結果ページで表示されたり、ユーザーがお気に入りに保存したときに名称として使われたりするため、非常に重要なものだと考えられています。「タイトルタグ」ともいわれます。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- OS
- OSとはOperation Systemの略称です。パソコンやスマートフォンで操作した内容をアプリケーションに伝える役目を担っています。パソコン用ではwindowsやMac OS、スマートフォンではiOSやAndroidが有名です。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- Webサイト
- Webサイトとは、インターネットの標準的な情報提供システムであるWWW(ワールドワイドウェブ)で公開される、Webページ(インターネット上にある1ページ1ページ)の集まりのことです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング