我想在CSS的font-family属性中使用Google的"source sans pro"字体,用于我的HTML网站上。我使用Bootstrap作为前端框架。
https://www.google.com/fonts/specimen/Source+Sans+Pro
我该如何实现呢?我是否需要将文件包含到我的HTML网站中?
感谢您的任何帮助!
感谢您的任何帮助!
将此字符串添加到您网站的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;
}
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
并在您的CSS中指定字体系列。
element {
font-family: "Source Sans Pro"
]
您可以选择所需的字体并获取链接: 对于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;
}