Fontsを使う機会があったので使い方をまとめました。Nasubiをfont-familyを適用してみます。Fontsにアクセスします。使用したいフォントを検索する源ノ角ゴシックを検索する。検索結果をみると、源ノ角ゴシックが出てきましたね。使いたいフォント(今回は源ノ角ゴシック)の</>のマークをクリックします。プロジェクトの決定とフォントの太さの決定プロジェクト名とは??プロジェクトはフォントを格納しておくフォルダのようなもので、それぞれのプロジェクトにはIDが振り分けられています。今「はろはる」というサイトを作成するとします。その場合プロジェクト名を「はろはる」に設定するとわかりやすいと思います。することでサイトごとにフォントの管理ができます。「はろはる」というプロジェクトを作成し、使用したいfont-weightにチェックを入れ、「作成」ボタンを押しましょう。この「はろはる」というプロジェクトの中に使用したいフォントを入れていきます。Nasubi)を選ぶ際は、ドロップダウンメニューから「はろはる」を選び、保存するだけです。Nasubiというフォントが「はろはる」と名付けられたプロジェクトに入っていることになります。fontsを埋め込んでいきます。タグを埋め込む方法はいくつかありますが今回はjavascriptのコードをheadタグ内に埋め込みます。以下リンクにはjavascript以外での埋め込み方法も記載されています。参考埋め込みコードAdobeプロジェクト名とフォントの太さを決定すると、その次のポップアップにコードが出現します。このコードを<head>の中にコピペします。--></head><body></body></html>CSSの追加cssにfont-familyを追加します。先程のjavascriptのコードの下には選択したfont-weightのcssコードが出現します。このcssをstyleシートに貼り付けます。「はろはる」内にあるフォント一覧の確認や使いたいフォントのコピー、編集ができます。Nasubiのフォントもコピーしたいので、「プロジェクトを編集」を押します。Nasubi(2行目)が適用されました。fontsをweb上で使う方法でした!!コーディングする人には役に立つ記事だったのではないでしょうか??うさぎおつかれさまでしたん。1わたし23区でコーディングのアルバイトしているうさぎです。