通過CSS將自定義字體添加到Wordpress主題

Question

我希望替換我在電子商務商店（www.inspirebyloui.dk）中擁有的團隊中的標准字體。

不可能在主題中執行此操作，因此我正在尋找在源代碼中執行的操作。 但是，我試圖瀏覽各種CSS文件，以查看可以在何處更改此設置。 而且我仍然沒有設法。

有人可以通過查看控制台中的資源來幫助我朝正確的方向發展嗎？ 越來越沮喪。

馬丁

Answer 1

Wordpress網站有一個簡單且便宜的解決方案： UseAnyFont

您可以在一個站點上為一種字體獲取一個“精簡”（免費）API密鑰，如果需要更多字體，這是價格： UseAnyFont API ，我使用了很多年了，它的作用就像一種魅力。

它將任何字體格式轉換為兼容的Web格式，您無需費心進行轉換或集成。 但是，您需要小心，某些字體很復雜，最大權重為1MB，如果您需要添加幾種字體，這是不可接受的，這可能會導致首次訪問的加載時間過長。

或者，您可以獲取字體的Web格式，.woff或.eot（嵌入式opentype）格式，然后將其導入到CSS樣式表中，如下所示：

@font-face {
font-family: 'yourfont-300';
font-style: normal;
src: url('/wp-content/yourtheme/yourfont.eot');
src: local('yourfont-300'), url('/wp-content/yourtheme/yourfont.eot') format('embedded-opentype'), url('/wp-content/yourtheme/yourfont.woff') format('woff');
}

然后像這樣在您的CSS樣式中使用它：

font-family:'yourfont-300';