Skip to main content
Participant
July 26, 2019
Question

貂明朝のwebフォントにおいて、Firefoxでcssでの文字色指定が効かない件

  • July 26, 2019
  • 3 replies
  • 2599 views

貂明朝をwebフォントとしてつかっていたのですが、FirefoxでのみCSSでの文字色指定が効かなくなっていました。

以前の、

<script src="https://use.typekit.net/********.js"></script>

<script>try { Typekit.load({async: true}); } catch (e) {}</script>

と言う形で読み込む場合は、CSSが効いていました。

現在の、

<script>

  (function(d) {

    var config = {

      kitId: '********',

      scriptTimeout: 3000,

      async: true

    },

    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)

  })(document);

</script>

と言う形になってから、効かなくなってしまいました。

サポートに問い合わせをしたのですが、

>確認したところ、弊社の検証環境では「貂明朝」をwebフォント化させてCSSにて文字色を変更すると

>Firefoxでも色の変更が反映いたしました。

と返信がありました。

こちらの問題に関して、お知恵をお借りできないでしょうか。
よろしくお願いします。

This topic has been closed for replies.

3 replies

k2b8692Author
Participant
July 27, 2019

説明不足、申し訳ありません。

私の環境は、

macOS Mojave 10.14.5

Firefox 68.0.1

です。

Yamo74様と同じ環境となります。

Mac全体の問題ではなく、この環境の時に色が変わらなくなる現象が起きていますね。

>monokano様

アドバイス、ありがとうございます。
余裕のない状況で、全く配慮できておりませんでした。。。

Yamonov
Legend
July 27, 2019

ご報告まで…

Mac(10.14.5)/Firefox68.0.1で色が着かないのを確認しました。Firefoxは素の状態です。

--Yamonov
Omachi
Legend
July 27, 2019

記憶違いかもしれませんが、書き方が変わった際、cssも書き換えなければならなかったような気がします。

私も試してみましたが特に問題はないような気がします。次のページですのでご確認ください。

貂明朝Webフォントのテスト

(このページは数年後に削除します)

k2b8692Author
Participant
July 27, 2019

コメントありがとうございます。

テストページを確認させていただいたのですが、私のFirefox(68.0.1 (64 ビット))だと全て黒文字となっております。

その他のブラウザだとちゃんと色は変わっています。

Omachi
Legend
July 27, 2019

私もFirefox(68.0.1 (64 ビット))ですが、色がついています。

ということは、Adobe Fontsの問題ではなく、

Firefoxの設定や機能拡張の要因の方が高い気がします。

Firefoxのプロファイル(Windows 10の場合は変更しない限り

C:\Users\{user_name}\AppData\Roaming\Mozilla\Firefox\Profiles

内にあります)を一度退避させて作り直すなど、

Firefox側のメンテナンスを行ってみてはどうでしょう。

Firefoxについては詳しくないので質問は受けかねます)