Source Sans Pro字体在HTML中的应用

Question

我想在CSS的font-family属性中使用Google的"source sans pro"字体，用于我的HTML网站上。我使用Bootstrap作为前端框架。 https://www.google.com/fonts/specimen/Source+Sans+Pro 我该如何实现呢？我是否需要将文件包含到我的HTML网站中？

感谢您的任何帮助！

- Steve

Answer 1

将此字符串添加到您网站的head部分：

<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>

然后使用这个字体：

h1 {
  font-family: 'Source Sans Pro', sans-serif;
}

- Igor Ivancha

Answer 2

在您展示的页面顶部链接中提供了指示。请在页面头部包含以下内容：https://www.google.com/fonts#UsePlace:use/Collection:Source+Sans+Pro。

<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>

并在您的CSS中指定字体系列。

element {
    font-family: "Source Sans Pro"
]

- Rob

Answer 3

字体

您可以选择所需的字体并获取链接： 对于HTML

https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic' rel='stylesheet' type='text/css'>

将此链接粘贴到您的

然后在您的CSS中使用它

font-family: 'Source Sans Pro', sans-serif;

就像这样

.class{
    font-family: 'Source Sans Pro', sans-serif;
}

- C.Schubert