我正在尝试将PT Sans添加到新闻稿中，但由于某种原因它没有加载我已经复制了几乎所有代码，但它无法正常工作。对于能提供帮助的人，我将非常感激。
这是CSS代码：
h1, h2, h3 {
font-family: 'PT Sans', sans-serif;
}
和HTML代码：
<link href="http://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
编辑：这是CSS的其余部分：
h1, h2, h3 {
font-family: 'PT Sans', sans-serif;
}
#logo{width:810px}
#saveDateText{
position:relative;
top:30px;
left:80px;
font-size:50px;
color:rgb(228,242,214)
}
#october{
position:relative;
top:0px;
left:90px;
font-size:35px;
color:rgb(228,242,214)
}
#raftLogo{
position:relative;
top:-125px;
left:550px;
}
#saveTheDate {
background-color:rgb(123, 190, 48);
height:170px;
width:810px;
}
#honoring {
position:relative;
background-color:rgb(9, 65, 30);
width:810px;
top:-30px;
font-size:20px;
height:400px;
}
#honoringTextDiv {
position:relative;
width:740px;
left:70px;
top:50px
}
#infoText {
color:white;
font-size:25px;
}
#honoringText {
color:rgb(242, 183, 51);
}
#benifit{
color:white;
font-size:25px
}
#morgridge {
position:relative;
top:20px
}
#sponsorships {
position:relative;
left:20px;
top:-30px;
height:300px;
width:400px;
border-right-style:solid;
border-right-color:rgb(160, 202, 129);
border-right-width:1px;
}
#inventiveSponsorsDiv {
position:relative;
left:425px;
top:-155px
}
#dmns {
position:relative;
top:-40px;
}
#1stbank {
position:relative;
top:80px;
}
#inspirationalSponsors, #inventiveSponsors{
position:relative;
top:0px;
color:rgb(123,190,48);
font-size:18px;
}
#inventiveSponsors {
top:-20px;
}
#names, #names2 {
line-height:25px;
font-size:14px
}
#names2 {
position:relative;
top:-94px;
left:160px;
text-align:left;
}
尝试使用没有“http”的URL：
<link href="//fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
几点提示：
1.在<head>开头使用HTML代码，然后再使用其他代码。例：
<head>
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
/* Rest of the code after this */
</head>
2.如果这不起作用，请将其放在CSS文件中：@import url(http://fonts.googleapis.com/css?family=PT+Sans);
问问自己：
1. Are you developing online or offline (if online check number 2)
2. Make sure your browser does not have a shield icon because this
means the browser is blocking the font and you need to click
the allow button.
3. Check for spelling errors or anything suspicious.
4. Finally @import is the safest way I think.
我有同样的问题，如果使用CSS标签：
“font：3em bold;” ---这会覆盖google api调用并加载下一个默认字体。
SOLUTION：使用font-style和font-size
检查您的css文件是否在供应商样式表之后加载。例如，bootstrap.css应该在你的css文件之前。