プログラミング覚え書き

WEB製作覚え書き

ノート代わりに勉強した内容をまとめています。

Bubble:フォントを追加する

①フォントファイルをローカルにダウンロード

CSSファイルを新規作成し→下記を記述→そのまま開いておく

@font-face {
  font-family: 'フォント名';
  src: url('https:パス');
}

 ※ファイル名は適当に設定してよいが、フォントファイルと同名がわかりやすい。

③BubbleにFileUploaderを設置

④Static Fileにて、フォントファイルをアップロード

Dynamic Linkに表示されたパスをコピー

  

cssファイルの「パス」の部分にペースト

cssファイルの「フォント名」を(フォントファイルと同名に?)設定しコピー

 →ファイルを上書き保存し閉じる

⑧Bubble:Settings→General→Custom Fonts

 のFont Nameに⑦でコピーしたフォント名をペースト

⑨FileUploaderのエディタを再び開き、

 Static Fileにて、cssファイルをアップロード

Dynamic Linkの表示が変わるので、そのパスをコピー

⑪Bubble:Settings→General→Custom Fonts

 のCSS File Pathに⑩でコピーしたパスをペースト

 ※頭に「https:」を付けること

⑫Add fontをクリック

 フォント名が表示されたら成功