2012-03-01 42 views
0

如何讓@ font-face在我的Wordpress模板中工作?如何讓這個@ font-face在Wordpress中工作?

這是CSS代碼

@font-face { 
font-family: 'BorisBlackBloxx'; 
src: url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.eot'); 
src: url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.eot?#iefix') format('embedded-opentype'), 
    url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.woff') format('woff'), 
    url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/BorisBlackBloxx.ttf') format('truetype'), 
    url ('http://www.make-sport.ru/wp-content/themes/make-sport/fonts/borisblackbloxx-webfont.svg#BorisBlackBloxxRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

.logo a{ 
font-family: 'BorisBlackBloxx', helvetica, arial; 
font-size: 72px; 
color: #000000; 
text-decoration: none; 

}

這是HTML標記

<div class="grid_12"> 

     <h1 class="logo"> 
     <a href="<?php bloginfo('url'); ?>">MAKE SPORT</a> 
     </h1> 

    </div> <!-- logo end --> 

我讀了這個網站所有的職位,而不是其中一個沒有幫助我。

牛逼tryed做不同的事情與路徑,並採取從CSS中的@ font-臉代碼的HTML的標籤,沒有什麼工作

你怎麼認爲,這是錯誤的?

回答

0

看起來像定位是正確的,但字體不正確讀取。嘗試將字體嵌入代碼放在主樣式表(style.css)中。最好靠近文件頂部。

+0

是它已經存在於style.css的頂部 – 2012-03-02 15:05:01

+0

最奇怪的是,字體面的工作在當地的WordPress, 但相同的主題,相同的代碼大沒有在同一WordPress版本,但在託管工作 – 2012-03-05 08:46:51

0

我只是通過您的網站的來源看。

我唯一能找到的地方是你試圖使用'BorisBlackBloxx'字體是在.logo a,但是那裏的文本在圖像中。

它應該不用說,字體文件不能改變圖像中使用的字體。您是否在頁面上的其他地方使用了我沒有看到的內容。

另外,如果是這樣的話,你有沒有嘗試過各種瀏覽器?