いよいよ充実!デザイン済みの最新カラーフォント7選を一挙紹介
Web VRやCSSグリッドなど、Webの世界を大きく変えるかもしれない新技術はたくさんあります。しかし、最も注目すべき新技術の1つは、カラーフォントと言っても過言ではありません。
別名クロマティックフォントとも呼ばれるカラーフォントは、その名のとおり複数のカラーや陰、テクスチャーや透明度を持ちます。従来のフォントでは、モノクロかつCSSでも1色でしか着色できないのに対して、非常に多彩でリッチな表現を付け加えることができるのです。
そして今回、デザイン済みのカラーフォントが公開されましたので、最新カラーフォント7つを一挙ご紹介いたします。
様々な色味を持つ複雑なデザインのフォントを、これを機にダウンロードして使ってみるのはいかがでしょうか。
まるでPhotoshopいらずな「カラーフォント」とは?
カラーフォントは、ベクターデータやビットマップデータを組み合わせて、複雑な色味のデザインを施したフォントデータのことです。
*「すでに色が付いている?」*と、従来の常識からすれば考えられないようなアイデアですが、実際にすでに複数の色で着色されているので、色を付ける必要がありません。
意外なことに、Internet Explorer時代はほとんどの新機能のサポートが遅れていたMicrosoftですが、Edgeでは4つの主要なフォーマットをすべてサポートしています。
次第にほかのブラウザもサポート範囲を広げています。
見逃し厳禁!注目のカラーフォント7つが堂々登場
今回、様々なバリエーションを持つカラーフォントが、Adobe Typekitなどのフォントベンダーから登場しました。
ここでは、新しく登場した7つの注目カラーフォントをご紹介させていただきます。
1. Trajan Color Concept
Trajan Color Conceptは、ローマ皇帝のトラヤヌス帝の碑文に彫られているフォントフェイスを加工したものとして知られている「Trajan」を、Adobe主導でカラーフォントとして改良したものです。
なんと19種類ものカラーバリエーション(さらには白バージョン・黒バージョン)があるので、雰囲気にあったものを選ぶことができます。
2. EmojiOne
EmojiOneはAdobeのデザイナー2名によって作成された、オープンソースのカラーフォントです。これまでもフォントアイコンとしてFontAwesomeなどを使っている方もいたかもしれませんが、EmojiOneはすでに綺麗に着色がされているので、特別な設定なしにすぐに使うことができます。
3. Popsky
Popskyは、ドイツ・ベルリン在住のイゴール・ペトロヴィック氏によって作られたカラーフォントです。1913年からロシアで始まった構成主義運動(社会主義活動を体系化した前衛的アート運動)をモチーフに作られていますが、名前にPopを冠しているようにポップアートの影響を受けた、若々しい色合いになっています。
4. Abelone
Abeloneは英語のAbalone(甲殻類の「アワビ」の意味)をもじった、アクアティックで幻想的なカラーフォントです。エレクトリックブルー・パープル・ターコイズで表現された丸みのあるフォントは、近未来的で、次世代のデザインにぴったりです。
5. Playbox
Playboxはおもちゃ箱の意味で、その名が体現するように、スケッチ、ドローイング、なぐりがきがモチーフになっている、子どもの世界観が満載の可愛らしいカラーフォントです。
子どもが落書きをしたような「気まぐれ」な形が逆に趣深いにもかかわらず、どの文字もしっかりそれと認識できる、可読性も高いデザインフォントです。
6. Megazero
Megazeroはビデオのグリッチエフェクトを想像させるような、白と黒、原色が組み合わせられたテレビを想起させるカラーフォントです。パステルカラーなどの「曖昧」な色ではなく、はっきりとした「原色」を採用しているあたりがかえって「今風」に感じさせるので、デジタル分野での利用シーンが多くなりそうです。
7. Aires
Airesは可愛らしい「ハネ」とイエロー・ピンク・ブルーを基調としたフェミニッシュなカラーフォントです。色が付いていることでどの文字にも1つひとつに個性があり、とても小さな部分、ディティールまで凝られています。
インスピレーショナルなデコレーティブフォントをお探しの方は、このフォントを使ってみてはいかがでしょうか。
まとめ
カラーフォントはすでに着色がなされていますが、その配色も含めてタイプフェイスデザイナーが選んだものであるため、作者の意図がより伝わりやすいものになっています。
カラーフォントはまだ浸透しつつある途中段階のため、まだ使ったことがないという人もいるかもしれませんが、対応ブラウザでは簡単に確認することができます。
この機会に、ぜひ一度使ってみてはいかがでしょうか。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
- フォント
- フォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●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・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング