0

我有一个 main.less 文件。我正在运行 grunt 包：grunt-contrib-less 以生成 css。生成的 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 发出请求。大概这是因为较少的编译无法解析字体而发生的？我想包含字体，这样导入语句就不会出现，或者将字体的 URI 更改为：//fonts.googleapis.com....以便它使用父调用方法，即 https。这样做的“正确”方法是什么？

4

1 回答 1

1

我刚刚意识到所有“编译器”正在做的是从任何@import引用的文件中复制 css。其中之一是上述@import声明。我只是在一个隐藏在深暗文件夹中的 less 文件中找到了我项目中的引用，并将其更改为//fonts.googleapis.com.... 并在编译时将其拉入。

于 2015-09-08T14:39:39.523 回答