ハマログ

株式会社イーツー・インフォの社員ブログ

Adobe Fonts のWebプロジェクトの使い方

Adobe FontsはAdobe社が提供しているサブスクリプションフォントライブラリ、AdobeCCの利用者なら無料で使えます。

今年弊社の新しい試みとしてWebグリーティングカードを作らせていただきました。
せっかくなので、Adobe Fontsのかわいいフォントを使おうと思います。

まず使いたいフォントを探して、右側の「Webプロジェクトに追加」を押して、プロジェクト名を入力します。この画面でプロジェクトに追加するフォントウェイトの種類を選べます。

   

同じ手順で複数フォントを選んで、同じプロジェクトに追加して、「My Adobe Fonts」>「Webプロジェクト」ページに移動します。
この画面で全てのプロジェクトと詳細が表示されます。
指示通りにhtmlに埋め込めばOK!ちなみに埋め込みタグの形式はフォントによって違うらしいです。
他のプロジェクトではこんな形のタグもあります。

<link rel="stylesheet" href="https://use.typekit.net/pgj5vqo.css">

   

また、右の「プロジェクトを編集」で使用フォントを編集できます。
CSSのコピーもこの画面でできます。
FunkydoriのRegular使わないので、チェックを外しました。

こうやって簡単に使用フォントを管理できて効率的です。
今までGoogle Fontsばかり使ってましたが、もっとAdobe Fontsを利用したいと思います。

今年の最後の投稿になりますが、来年もがんばります!


  yiting   2020年12月28日


関連記事

WEBページ高速化セミナーに行ってきた

先週asukaさんとGMOホスコンさんが主催したセミナー「WEB制作者なら知って…

SP横向き

最近少しデザインのちょっとした修正をすることがあって、 chromeにこんな機能…

Adobe XD おすすめプラグイン5選

こんにちは、入社1ヶ月になりましたyitingです。 一年前程からAdobe X…


← 前の投稿

次の投稿 →