来源sans pro字体在html中

Question

我想使用googles＆＃34; source sans pro＆＃34;我的HTML网站中CSS中font-family属性的字体。我使用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

您可以将其包含在页面的头部：

https://fonts.googleapis.com/css?family=Source+Sans+Pro'的rel =＆＃39;样式表＆＃39;类型=＆＃39;文本/ CSS＆＃39;＆GT;

并在CSS中指定字体系列。

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

Answer 3

The fonts

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

<强> https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic'的rel =＆＃39;样式表＆＃39;类型=＆＃39;文本/ CSS＆＃39;＆GT;

将此链接粘贴到您的

中

然后在你的css中使用它

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

这样的事情

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