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 ビット))だと全て黒文字となっております。

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

monokano
Community Expert
Community Expert
July 27, 2019

度々、ありがとうございます。

ご使用されているのはWindowsでしょうか?

私や同じように色が変わらない現象を確認できているのはMacとなります。

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

MacのFirefoxでのみ起きる問題なのか、OS関係なく特定のFirefoxの設定で起きるのか。

webフォントとしての利用をしている為、設定の変更でしか対応できないのであれば、利用を考え直さねばなりません。。。

Adobe fontsの読み込み方やCSSの表記、制作側で対応できる方法が出来れば見つかればと思っています。

テストサイトや度々の確認など本当にありがとうございます。


macOS Sierra 10.12.6

Firefox 68.0.1で色が付くのを確認しました。Firefoxは素の状態です。

k2b8692さん、「Mac」だけでなくバージョンもきちんと書くのをおすすめします。

面倒でしょうけど、検証でこうした細かい情報の提供は最低限必要なものです。