【问题标题】:How to add custom font in my theme?如何在我的主题中添加自定义字体?
【发布时间】:2013-01-09 05:43:21
【问题描述】:

现在,我想使用 Monotype Corsiva。我在我的主题中添加字体,然后在 css 文件中使用font-family:Monotype Corsiva,但有人提示我:如果用户系统上未安装用于站点标题和标题的字体,则该字体不起作用。您应该从主题目录中删除字体文件或以适当的方式将其包含在 css 文件中。

如何以适当的方式将其包含在 css 文件中?谢谢

【问题讨论】:

    标签: css wordpress wordpress-theming


    【解决方案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/

    【讨论】:

    • what src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');如果我想使用 Monotype Corsiva 字体,我应该写这一行。谢谢
    【解决方案2】:

    Monotype Corsiva 是一种受版权保护的字体。查看http://www.fonts.com 了解使用条件和说明。他们有一项政策,允许免费的有限页面浏览量(25,000 次)。说明和过程可能有点混乱,但最后你会得到一个由他们生成的script 元素来添加到你的页面中,然后你只需使用他们给你的名称下的字体(似乎是Corsiva W01)。

    或者,例如,尝试从Google Web Fonts 中找到适当相似的免费字体。

    【讨论】:

      猜你喜欢
      • 2012-02-05
      • 2014-05-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-05-19
      • 1970-01-01
      • 2015-07-05
      相关资源
      最近更新 更多