相关疑难解决方法(0)

首先我知道标题说这是一个重复的问题,在这里,这里和这里问.我在这个主题上读到的所有内容都已超过两年了.那个时期有很多变化,所以同样的想法仍然可取吗？

这是一个例子,我在样式表中使用@import来引入我的重置CSS和其他几个样式.我应该改变,从@import到<link>？根据这篇文章,我应该使用链接.所以我问其他开发者,到目前为止最真实的方式是什么(2011年8月25日)

我正在尝试在 CSS 中使用 @import 和 @font-face 导入 Google Fonts 字体。我以前只使用 @font-face 来下载字体，但由于加载需要时间，所以我更喜欢使用 Google Fonts 方法。

我不希望 Roboto 的“粗体”版本作为我网站中的“粗体”字体，所以我使用了 @font-face。但是，我不确定如何使用它。像这样使用 @import 和 @font-face 是否正确？

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i');

@font-face
{
    font-family: Roboto;
    src: url("https://fonts.googleapis.com/css?family=Roboto:400");
}

@font-face
{
    font-family: Roboto;
    font-weight: bold;
    src: url("https://fonts.googleapis.com/css?family=Roboto:500");
}

@font-face
{
    font-family: Roboto;
    font-style: italic;
    src: url("https://fonts.googleapis.com/css?family=Roboto:400i");
}

@font-face
{
    font-family: Roboto;
    font-weight: bold;
    font-style: italic;
    src: url("https://fonts.googleapis.com/css?family=Roboto:500i");
}

我感觉我导入了两次字体......但它甚至不起作用！（页面显示默认浏览器字体）

感谢您阅读并花时间帮助我。