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

【问题标题】：How to import and use a font in CSS?如何在 CSS 中导入和使用字体？
【发布时间】：2016-12-06 22:09:46
【问题描述】：

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

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

body {
   font-family: "Open sans"
}

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

而且我猜字体已经导入成功了。

【问题讨论】：

【解决方案1】：

把它放在你的 html 头中

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

【讨论】：

fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 改用它并检查 Open Sans 失败
font-family:'Open Sans';