サポート » プラグイン » フォントが何故かロードされない

  • 解決済 raspi0124

    (@raspi0124)


    すみません。
    自作プラグインである、Japanese Font for TinyMCEのバグを発見したのですが、1時間ほどかけてもどこに問題があるのかさっぱりわからなかったのでhelpです。
    github ->https://github.com/raspi0124/Japanese-font-for-TinyMCE
    問題:ふい字フォントとエセネパJフォントがロードされない
    なお、URLとフォントの名前以外すべて同じCSSで書いているはずの源ノ角ゴシックは正常にロードしています。
    そして、キャッシュを完全に無効化しても無理です。URLも、URLがおかしくなったのかと思い、一時的に自サイトにフォントデータをおいてそれを読みこませようとしたのですが、それでも問題が解決しません。
    よろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    addfont.css を CSS 検証サービス(下記 URL)に掛けると構文エラーが2点ほど見つかりました。
    https://jigsaw.w3.org/css-validator/

    1. CSS のコメントは、/* */ ですね。# は使えません。
    2. 14行目の末尾は、カンマ(,)ではなく、セミコロン(;)ではないでしょうか。

    @font-face {
        font-family: 'Huifont';
        src:url('https://cdn.rawgit.com/raspi0124/my-sites-files/dc302549/HuiFont109.woff2') format('woff2'),
             url('https://cdn.rawgit.com/raspi0124/my-sites-files/eed42314/Light-Huiji.ttf') format('truetype');
    }

    GitHub にある最新バージョンの方試してみましたが、ふい字の方は ‘Access-Control-Allow-Origin’ エラーが出てますね。個人サーバーに置くのであればその辺の nginx 設定をきちんとしなくてはだめなのでは?

    エセネパフォントは CSS にあった # から始まる行(コメントを意図しているのかな?)の行を削除することで直りました。上でも触れられてますが、CSS のコメントは /* */ です。

    @ishitaka さん、@mirucon さん、ありがとうございました!自サイトでテストしたところ、無事に治りました!
    なるほど。。CSSのコメントって#じゃないんですね。。勉強になりました。。
    あと、ふい字フォントを載せてるCDNがエラー出たと思ったので、変えたのですが、Cloudflareがブロックしてたのか。。

    素早い反応、ありがとうございました!
    家に帰り次第、家のPCでバージョン2.0.5をコミットしたいと思います。

    すみません。公式ディレクトリィ(バージョン 2.0)の方を対象としてしまいました。

    2. 14行目の末尾は、カンマ(,)ではなく、セミコロン(;)ではないでしょうか。

    は、無視してください。失礼しました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「フォントが何故かロードされない」には新たに返信することはできません。