Typekit font-family无法加载

时间:2013-07-18 01:16:19

标签: css typekit

我正在尝试包含从typekit中浓缩的无数专业版,但由于某种原因,这不起作用。我是Typekit的新手,所以我不知道它为什么不起作用。我相信它不会从Typekit中加载字体,因为它使用的是sans-serif,而不是默认字体。这是标题:

<head>
        <script type="text/javascript" src="//use.typekit.net/rvf7mow.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
        <title>PDF</title>
        <link rel="stylesheet" type="text/css" href="http://raftcolorado.org/css.css">
</head>

和CSS代码:

h1, h2, h3, h4 {
    font-family:"myriad-pro-condensed", 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:-90px;
    left:160px;
    text-align:left;
}

0 个答案:

没有答案