占いツクールにて DropboxにアップロードしたWebフォントを利用する際に1回で反映されない原因が知りたいです ᐡඉ ඉᐡ ՞@font-face {font-family: ニコ角_v2;src:url(https://dl.dropboxusercontent.com/scl/fi/p0xis2o0m3uslai67ywcm/nicoca_v2-5.woff2-3?rlkey=71jnovmw6r1qfraq6o8gyq4t9\u0026amp;dl=1) format(woff2);font-display: swap;}body,*{font-family: ニコ角_v2 !important;}現在は上記のCSSを設定しているのですが 最終的にはフォント自体の反映はされるものの 数回サイトを読み込まないとフォントが反映されず悩んでいます··知識に乏しく､問題点や他の代用サイトなどが分からない為占いツクールで安定してフォントを反映させる方法 / Dropbox以外でWeb フォントのホスティングに向いているサービスがあれば教えて頂けると嬉しいです ᐡᴗ͈ ᴗ͈ᐡ

このフォントで合っていますか？質問するならURLを貼ってください。

https://nicofont.pupu.jp/nicokaku-plus.html



GitHub Pagesが無料で利用出来て安定しているようです。



CSSのみしか貼ってくれていないのでそれを手がかりに説明します。



修正しました。



【 Dropboxの場合 】



@font-face {

font-family: 'ニコ角_v2';



/* ▼ format の書き方を修正（元のコードでは format(woff2) → 正しくは format('woff2')） */

src: url('https://dl.dropboxusercontent.com/scl/fi/p0xis2o0m3uslai67ywcm/nicoca_v2-5.woff2-3?rlkey=71jnovmw6r1qfraq6o8gyq4t9\u0026amp;dl=1') format('woff2');



font-display: swap;

}



body, * {

font-family: 'ニコ角_v2' !important;

}



【 GitHubの場合 】



１．GitHub で準備

GitHub アカウント作成

新しいリポジトリ作成（例：fonts）

nicoca_v2.woff2 を Upload（スマホなら /upload URLで可）



２．GitHub Pages を有効化

リポジトリ → Settings（設定）

Pages

Branch：main → / (root) を選択 → Save

公開 URL が表示される



３．占いツクールにCSSを貼る



@font-face {

font-family: 'ニコ角_v2';

src: url('https://username.github.io/myfonts/nicoca_v2.woff2') format('woff2');

font-display: swap;

}

body, * {

font-family: 'ニコ角_v2' !important;

}