main.less ファイルがあります。css を生成するために grunt パッケージ: grunt-contrib-less を実行しています。生成された css ファイルには、先頭に次のものが新しく挿入されています (他のすべての参照は css に正しく変換されています)。
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
うなり声設定:
less: {
dev: {
src: ['<%= app_files.temp_less %>'],
dest: '<%= wwwroot_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.css',
options: {
compress: false,
ieCompat: true,
dumpLineNumbers: "comments"
}
これにより、メイン ページが https 経由でリクエストされているにもかかわらず、http 経由でリクエストが行われているため、ブラウザ エラーが発生しています。おそらくこれは、少ないコンパイルでフォントを解決できないために発生しているのでしょうか? import ステートメントが表示されないようにフォントを含めるか、フォントの URI を //fonts.googleapis.com ... に変更して、親の呼び出しメソッド、つまり https を使用するようにします。これを行う「正しい」方法は何ですか?