谷歌字體不上的CSS

工作，我有以下的html：谷歌字體不上的CSS

<div class="row"> 
      <div class="col-md-4 col-md-offset-1"> 
       <h2 class="uppercase claim claim-light slash headline-standard">Our Playbook</h2> 
       <div class="paragraph"> 
        Blah blah blah blah 
       </div> 
      </div> 
      <div class="col-md-4 col-md-offset-1"> 
       <h2 class="uppercase claim claim-light slash headline-standard">The Special Sauce 
       </h2> 

       <p class="paragraph"> 
        blah blah blah 
       </p> 
      </div> 
     </div>

我試圖用階級款谷歌的字體，所以我有這個CSS：

@import url(http://fonts.googleapis.com/css?family=Pacifico); 

.paragraph{ 
    font-family: 'Pacifico', cursive; 
    text-shadow:1px 1px 0 rgba(48,48,48,1); 
    color:#FFFFFF; 
    letter-spacing:1pt; 
    word-spacing:2pt; 
    font-size:1.3em; 
    text-align:left; 
    font-family:arial, helvetica, sans-serif;line-height:1; 

}

任何其他的CSS屬性完美的作品，但不是字體家族，任何想法爲什麼這是發生？

我想甚至包括它喜歡：

<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

來源

2014-05-03 Avraam Mavridis

刪除font-family:arial, helvetica, sans-serif;它已經結束了騎你指定的第一個FONT-FAMILY。

來源

2014-05-03 05:50:28

試試這個CODEPEN

@import url(http://fonts.googleapis.com/css?family=Pacifico); 

.paragraph{ 
    text-shadow:1px 1px 0 rgba(48,48,48,1); 
    color:#FFFFFF; 
    letter-spacing:1pt; 
    word-spacing:2pt; 
    font-size:1.3em; 
    text-align:left; 
    line-height:1; 
    font-family: 'Pacifico', cursive; 
}

來源

2014-05-03 06:14:59 raunay

進入你的CSS類.paragraph，在font-family定義兩次。

適用於特定元素或類的CSS規則是您的CSS中定義的最後一個規則。

所以，font-family:arial, helvetica, sans-serif;它在騎font-family: 'Pacifico', cursive;

嘗試 -

@import url(http://fonts.googleapis.com/css?family=Pacifico); 

.paragraph{ 
    font-family: 'Pacifico', cursive; 
    text-shadow:1px 1px 0 rgba(48,48,48,1); 
    color:#FFFFFF; 
    letter-spacing:1pt; 
    word-spacing:2pt; 
    font-size:1.3em; 
    text-align:left; 
}

Working Example

來源

2014-05-03 06:22:31

谷歌字體不上的CSS

回答

相關問題