主题不工作WordPress的子文件夹中的CSS文件?

问题描述:

我在搜索很多后问这个,但任何技巧和答案不工作。我是新的,并创建自己的自定义主题。我上传自定义字体真棒在我的主题目录如下主题不工作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

区分大小写!这是我从来没有想过这.......你是对的..现在它的工作现在我保重,我再也不会错误......谢谢你 –

的推荐方法包括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中...谢谢你 –