MediaWikiでウェブフォントを使いたい

Question

MediaWikiを使用しているのですが、特定の部分だけに対してフォント(Webフォント)を指定したいと思っています。
そこで、MediaWiki:Common.cssをいじり、以下のようにしたのですが、意図通りに動作せずフォントが変わらないままです。(アドレスはexample.comに変えており、実際に使用しているフォントファイルのアドレスとは異なりますが、「フォントファイルが存在しない」というエラーではないことは確認済みです)

@font-face {
    font-family: "font1";
    src: url("http://example.com/fonts/font1.woff") format('woff');
}

.font1 {
    font-family: "font1";
}

<span class="font1">hogehoge</span>

この例ですと、hogehogeという部分にフォントが指定されるはずなのですが、うまくいきません。
cssの指定の方法に問題があるのでしょうか?

Comments

[maisumakun]

> 「フォントファイルが存在しない」というエラーではない

CORSなどのエラーは出ていませんか？

[koridentetsu]

調べてみたところ、CSPのエラーが出ておりました。
このため、MediaWikiがあるサーバーの側にフォントファイルをアップロードしたところ、PCからは正常にフォントが表示されるようになりました。
しかし、スマホからは表示されないケースがあります。