フォント管理

Google Fonts編

Google Fontsの追加方法

  1. 以下のGoogle Fontsのサイトへアクセスします。
    https://fonts.google.com
  2. 任意のフォントを選択し、詳細ページに遷移します。
  1. 追加したいスタイルの「+ Select this style」をクリックします。
  1. ウィンドウ右側に表示される「Selected family」の「CSS rules to specify families」にある「font-family:〜」をコピーします。
    後ほど使用するので、適宜メモ帳などに貼り付けておきます。

※「Selected family」が表示されない場合は、画面右上部にある+のアイコンをクリックしてください。

「bingo!CMS」への登録方法

  1. bingo!CMSにログインし、「デザイン管理 / フォント管理 / 追加登録」をクリックします。
  2. フォント登録画面に必要な情報を入力し、保存します。
    • フォント名
      font-familyで使用するフォント名を正確に入力してください。
    • 使用メイン言語
      日本語フォントは「日本語」、英語フォントは「英語」を選択してください。
      日本語フォントはフォント管理の一覧で上位に表示されます。
    • クラス名(classで使用する際の名前)
      任意のクラス名を入力してください。
      " "(スペース)は使用できません。
    • スタイル
      Google Fontsでコピーしておいた「font-family:〜」を貼り付けてください。
    • お気に入り
      お気に入りに登録したい場合は「お気に入りに登録」にチェックを入れます。
      お気に入りに登録したフォントは、フォント管理の一覧で上位に表示されます。

ページトップ