0

我需要三种 Ubuntu 字体。我不想下载它们。

我把这个链接放在标签中: <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,700" rel="stylesheet">

在 Google 教程中:“使用以下 CSS 规则指定这些系列:font-family: 'Ubuntu', sans-serif;”。

如何使用 Ubuntu Light 和 Ubuntu 粗体字体?如我所见,它与 ; 不一样font-weight: bold。或font-weight: 300;。

4

2 回答 2

4

这是要在<head>标签中使用的链接:

<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,700" rel="stylesheet">

在您的 CSS 文件中使用:

font-family: 'Ubuntu', sans-serif;

font-weight: 300
于 2018-09-24T09:23:58.107 回答
1

font-weight 300 相当于 light,400 是常规的,500 是 medium。您应该在链接中添加浅色和中等字体,例如

链接到谷歌字体:

<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500" rel="stylesheet"/>

CSS:

body {
  font-family: 'Ubuntu', sans-serif;
 }
.light {
  font-weight:300; 
 }
.regular{
  font-weight:400; 
}

.medium{
  font-weight:500; 
   }

工作代码:https ://codepen.io/peker-ercan/pen/bxyEdK

于 2018-09-24T09:31:36.277 回答