WordPress的 - 通過字體添加自定義字體

我已經建立了一個前端網站，我現在正在使用html5blank主題上傳到WordPress。我從來沒有上傳過自定義字體文件，我想我得到的文件路徑錯誤。字體文件位於我的子主題文件夾中的字體文件夾中。這是我有我的代碼 -WordPress的 - 通過字體添加自定義字體

的style.css

@font-face { 
    font-family: 'Gotham-Light'; 
    src: url('/fonts/Gotham-Light.otf') format('opentype'); 
    font-weight: normal; 
    font-style: normal; 

}

我也把這個在我的header.php（不知道它的要求） -

<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ?>/fonts/Gotham-Light.otf" />

我如何顯示正確的路徑，如果這就是問題所在？它可以是相對的，還是它需要是絕對的？

來源

2017-10-16 Mike.Whitehead

您正在使用您的@字體面在這裏絕對路徑：

src: url('/fonts/Gotham-Light.otf') format('opentype');

的/在啓動意味着其希望在Web根目錄的字體。

假設你的style.css是在孩子的主題文件夾和fonts就是一個子文件夾，試試這個（即沒有0在開始）：

src: url('fonts/Gotham-Light.otf') format('opentype');

來源

2017-10-16 18:06:12 FluffyKitten

字體不是style.css的子文件夾，它是否需要？此外，字體文件夾不顯示在我的儀表板>外觀>編輯器，它應該是？（這絕對是在正確的主題文件夾 –

@ Mike.Whitehead不，它不需要在子文件夾中，但你需要包含它在你的CSS中的路徑！你在你的問題中說，字體在你的孩子主題的字體文件夾中，雖然...所以你的風格如果不在你的孩子主題文件夾中，你的風格在哪裏？ – FluffyKitten

我以爲你的意思是把字體當作CSS文件夾的子文件夾 - 對不起。 - 謝謝。現在我只需要讓我的javascript工作哈哈:) –

這應該工作，只需將字體放在您的主題目錄中名爲fonts的文件夾內。

@font-face { 
font-family: 'gothamlight'; 
src: url(http://www.example.com/wp-content/themes/your-theme/fonts/Gotham-Light.otf); 
font-weight: normal; 
font-style: normal;

}

來源

2017-10-16 18:00:46 DaFois

非常感謝。那麼，它必須是一個絕對的網址呢？爲了開發的目的，我需要把本地主機：8888？ –

我想你可以使用'<？php echo'http：//'。$ _ SERVER ['HTTP_HOST']; ？>'爲此，但不在css文件中;） – DaFois

你需要的字體文件的地址不樣式表。

<link rel="stylesheet" href="<?php echo get_template_directory_uri('/fonts/Gotham-Light.otf') ?>/fonts/Gotham-Light.otf" />

來源

2017-10-16 18:14:48

WordPress的 - 通過字體添加自定義字體

回答

相關問題