Adobe FontsでWebフォント

  • 投稿日:
  • 投稿者:
  • カテゴリ:
このエントリーをはてなブックマークに追加

Adobe FontsでWebフォント

Adobe Creative Cloudに含まれているAdobe FontsをWebフォントとして、Webサイトで使ってみました。

使い方はとても簡単です。まずは https://fonts.adobe.com/ にアクセスして、Webフォントとして使いたいフォントを検索します。

Adobe FontsでWebフォント

Webフォントとして使用したいフォントの「 </> 」をクリックします。

Adobe FontsでWebフォント

新規プロジェクト作成についての簡単な説明が表示されます。「OK」をクリックします。

Adobe FontsでWebフォント

プロジェクト名を入力して「作成」をクリックします。

Adobe FontsでWebフォント

プロジェクトが作成され、フォントの追加が完了したアラートが表示されます。

アラートの中のスクリプトをコピーして、Webフォントを適用したいページの「 <head> 」タグ内に挿入します。

Adobe FontsでWebフォント

さらに、その下にあるfont-familyの記述をWebフォントを適用させたい要素に反映されるようにスタイルシートに追加します

Adobe FontsでWebフォント

以上で設定は完了です。

このエントリーをはてなブックマークに追加

ブログを始めてからカウンター日が経ちました。

公開記事数は記事数件で、日/記事数日に1エントリーのペースで記事を書いていることになります。