如何在主題中添加自定義字體？

Question

現在，我想使用Monotype Corsiva。 我在主題中添加了字體，然后使用font-family:Monotype Corsiva在css文件中添加了字體，但是有人提示我：用於網站標題和標題的字體如果未安裝在用戶系統上則無法使用。 您應該從主題目錄中刪除字體文件，或者以適當的方式將其包含在css文件中。

如何以適當的方式將其包括在css文件中？ 謝謝

Answer 1

您需要在.ttf或.eot中將@ font-face與字體一起使用

下面是一個例子

@font-face {
font-family: 'RieslingRegular';
src: url('fonts/riesling.eot');
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
}

h1 {
  font-family: 'RieslingRegular', Arial, sans-serif;
}

有關更多詳細信息，請參見http://bavotasan.com/2010/embedding-fonts-web-site-css-font-face/

Answer 2

Monotype Corsiva是受版權保護的字體。 請訪問http://www.fonts.com了解條件和使用說明。 他們有一項政策，允許免費提供有限數量的頁面瀏覽量（25,000）。 這些說明和過程可能會有些混亂，但是最后您將有一個由它們生成的script元素添加到您的頁面中，然后您將使用它們給您命名的字體（它似乎是Corsiva W01 ）。

或者，嘗試從Google Web字體中找到合適的相似免費字體 ，例如。