Question

我在项目中加入了蒙特塞拉特 - 普通版。但它没有检测和字体样式没有改变。

在我的index.html:

中

我也包含了字体网址。

<link href = "https://fonts.googleapis.com/css?family=Montserrat:400,700" rel='stylesheet' type='text/css'>

的CSS：

 @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

    @font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

Answer 1

您只需将链接放在HTML文件中：

<link href = "https://fonts.googleapis.com/css?family=Montserrat:400,700" rel='stylesheet' type='text/css'>

然后在 CSS文件：

中的所有元素上使用它

p { font-family: 'Montserrat'; }

查看此小提琴以获得更好的示例：https://jsfiddle.net/vf7q1gjy/1/

Answer 2

在CSS文件中设置字体系列：

body { font-family: 'Montserrat', sans-serif; }

在我的项目中包含谷歌字体

2 个答案: