cssに設定したadobe fontが反映されないので原因わかる方いらっしゃいますか...

Question

下記、コードのようにadobeサイトからコードをコピペしました。

-Adobe Fontsより
フォント : Noto Sans CJK JP Regular をアクティブにしました。

しかし、google chromeのデフォルトのフォントのまま変わらずです...
何か足りないことがあるのでしょうか？

html {
	font-family: noto-sans-cjk-jp, sans-serif;
	font-style: normal;
	font-weight: 100;
}

  <script>
  (function(d) {
    var config = {
      kitId: 'vqz6evf',
      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>

Answer 1

もし、読み込めているなら、CSSのフォント名の前後に'がないのが原因です。

Comments

[frodo821]

この場合、CSSのフォントファミリの指定に引用符は必要ではないですよ。フォントファミリ名にスペースを含む場合(正確にはgeneric nameではない、スペースを含むフォントファミリ名の場合)のみ必要ですが、この場合はなくて構わないです。