Question

我收到上面的错误。这是什么意思，我该如何避免这个错误？

www中包含以下外部样式表。使用@import的mydomain .com / wp-content / uploads / siteorigin -widgets / sow-headline-sow-headline-b88ac2022dcc.css。

fonts.googleapis.com/css?family=Roboto:100 以下外部样式表包含在www中。使用@import的mydomain .com / wp-content / uploads / siteorigin -widgets / sow-headline-sow-headline-cf2c2d01606b.css。

fonts.googleapis.com/css?family=Roboto:100 以下外部样式表包含在www中。使用@import的mydomain .com / wp-content / uploads / siteorigin -widgets / sow-headline-sow-headline-e62e936af02f.css。

fonts.googleapis.com/css?family=Roboto:300

Answer 1

使用＆lt;链接＆gt;每个样式表的标记像这样

<link href='https://fonts.googleapis.com/css?family=Roboto:100,300' rel='stylesheet' type='text/css'>

Answer 2

使用@import语法的问题是它对页面加载时间有非常不利的影响。这在很多文章中得到了很好的解释 - 这是一个很好的例子：http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

为了避免这种情况，在Wordpress中，您可以使用几种不同的方法导入。首先，您需要找到当前导入此样式表的位置并删除该引用

完成后 - 您可以使用几种不同的方法将样式表导入Wordpress。

首先，您可以直接将链接标记中的导入插入到header.php文件中（正如用户Mo'men Mohamed所指定的那样）

或者，您可以将以下代码直接插入到functions.php文件中，这也将正确加载css

add_action( 'wp_enqueue_scripts', 'add_stylesheets' );

/**
 * Add stylesheet to the page
 */
function add_stylesheets() {
    wp_enqueue_style('google-font-roboto', 'https://fonts.googleapis.com/css?family=Roboto:100');
}

这种方法在这里得到了很好的解释：http://www.paulund.co.uk/add-stylesheets-to-wordpress-correctly

GTMextrix上的“避免CSS @import”错误

2 个答案: