2014-01-23 43 views
0

我正在使用@ font-face更改默認字體。但導航菜單字體不變。它還沒有結束寫入默認字體。如果我刪除wp-head()它的工作正常。但我需要wp-head()。只有默認的字體必須從wp_head()中刪除?如何編輯wp_head()來覆蓋默認的fontin wordpress?

@font-face { 
     font-family: leb-webfont; 
     src: url(http://www.swaidanews.com/CMS/wp-content/uploads/fonts/leb.ttf); 

} 
body {font-family:"leb-webfont"!important; color:#333; font-size:16px;} 
h1,h2,h3,h4,h5,h6,h7{font-family:"leb-webfont"!important; color:#000;} 

也試過這個..

.sf-menu > li > a {font-family:"leb-webfont"!important;} 

沒有奏效。

如何編輯wp_head()並覆蓋默認的字體?

+0

你想要改變字體的哪一部分?你需要改變導航菜單的字體嗎?你在哪裏包括CSS規則來覆蓋默認值? – EStafford

+0

想要更改整個網站的字體。我把CSS代碼(@ font-face)放在header.php中。身體和其他部分字體被改變。但只有主菜單字體不變。它被設置爲通過導航部分中的管理面板主題選項設置的默認字體。我想覆蓋該字體。如果我刪除header.php中的wp_head(),它將被設置爲我的新字體。那是我想要的。但問題是如果我刪除wp_head()其他javscript,jquery文件也被刪除(不加載到網站上)。所以我只需要刪除wp_head()的字體部分而不是整個wp_head()。怎麼做? – user3214024

回答

0

嘗試把你的字體名內" "以及包括瀏覽器兼容所有類型的字體:

@font-face { 
font-family: 'leb-webfont'; 
src: url('leb-webfont.eot'); 
src: url('leb-webfont.eot?#iefix') format('embedded-opentype'), 
    url('leb-webfont.woff') format('woff'), 
    url('leb-webfont.ttf') format('truetype'), 
    url('leb-webfont.svg#leb-webfont') format('svg'); 
} 
+0

應用於身體和其他部位的字體。只在菜單中不適用。 .sf-menu> li> a { – user3214024

0

這聽起來像你的主題是使用wp_head行動掛鉤,設置使用的CSS規則主題的選項。您可以嘗試清除主題的選項面板中的默認字體設置,而是直接將CSS規則添加到主題的style.css文件中。 style.css位於活動主題目錄的根目錄中。

的style.css文件:

body { 
font-family:"leb-webfont"!important; 
color:#333; 
font-size:16px; 
} 
h1,h2,h3,h4,h5,h6,h7{ 
font-family:"leb-webfont"!important; 
color:#000; 
} 

如果不工作,你可以嘗試在你的導航元素style.css文件設置明確覆蓋。

實施例:

.my-nav{ 
font-family:"leb-webfont"!important; 
} 

無論哪種方式,儘量避免直接插入CSS到報頭的標籤。按照WordPress標準,這是不好的做法,不推薦,並有助於避免您現在遇到的問題類型。

「我需要僅除去wp_head的字體部分()」

查找和除去,增加了使用wp_head鉤的CSS是更復雜的部分。

您將需要找到使用wp_head()將CSS規則插入到頁面中的動作掛鉤,然後註釋掉或刪除該部分代碼。第一個看的地方是在functions.php文件中。

0

經過一番研究,我發現wp_head邏輯位於wp-includes/script-loader.php中。

請注意,這是最新的變化,你可能會破壞你的整個WP,所以在改變時要非常謹慎。