如何在CSS中导入和使用字体？

Question

所以，我正在使用下面的代码，但字体不适用于我的布局，我做错了什么？

@import url('https://www.fontsquirrel.com/fonts/open-sans?family=Open+sans')

body {
   font-family: "Open sans"
}

当我检查元素时，它会显示font-family为Open sans，但呈现的是Times New Roman。

我猜这个字体已成功导入。

Answer 1

把它放在你的html头

中

<link rel="stylesheet" href="https://www.fontsquirrel.com/fonts/open-sans?family=Open+sans"  type="text/css" media="screen" />