源码sans pro font in html

Question

我想使用谷歌“源sans pro”字体在CSS的字体属性中，在我的HTML网站。我使用Bootstrap作为前端框架。

https://www.google.com/fonts/specimen/Source+Sans+Pro

我怎样才能做到这一点呢？我必须将文件包含到我的html站点中吗？

谢谢你的帮助！

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;
}

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"
]

Answer 3

The fonts

你可以选择你想要的字体，然后你会得到一个链接：

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;
}