2017-01-23 60 views
0

我在搜索很多後問這個,但任何技巧和答案不工作。我是新的,並創建自己的自定義主題。我上傳自定義字體真棒在我的主題目錄如下主題不工作WordPress的子文件夾中的CSS文件?

  • -Gohilar的字體
  • --css
  • --- gohilar-字體embedded.css
  • --font
  • - --gohilar-font.woff

現在的問題是,當我把這個CSS文件鏈接到我的header.php它沒有鏈接,甚至我嘗試了所有建議在很多網站........但它的工作正確地在我的本地計算機即本地主機

我添加的CSS的代碼中的header.php下頭部

<link rel="stylesheet" href="<?php echo esc_url(get_template_directory_uri()); ?>/gohilar-font/css/gohilar-font-embedded.css"> 

如下如果i鏈路http://newser.in/wp-content/themes/Gohilar/gohilar-font/css/gohilar-font-embedded.css不開放currectly並顯示404錯誤

+0

難道說你的新服務器是區分大小寫?即「Gohilar-font」與「gohilar-font」不一樣......但是,如果你的鏈接在你的瀏覽器中不起作用,它肯定不會在css文件中工作。所以你需要找出你的字體CSS文件的正確的URL路徑......你需要檢查的另一件事是,在「gohilar-font-embedded.css」中,你如何包含/導入實際字體「gohilar-font .woff「? – MacPrawn

+0

區分大小寫!這是我從來沒有想過這.......你是對的..現在它的工作現在我保重,我再也不會錯誤......謝謝你 –

回答

0

的推薦方法包括CSS文件是使用wp_enqueue_style。只需將以下代碼添加到您的function.php並調整文件名和路徑。

// load bootstrap css 
wp_enqueue_style('_tk-bootstrap', get_template_directory_uri() . '/includes/resources/bootstrap/css/bootstrap.min.css'); 

來源:https://developer.wordpress.org/reference/functions/wp_enqueue_style/

+0

好吧,我那樣做.....從header.php中刪除,並根據你的代碼添加到function.php中...謝謝你 –

相關問題