css - 如何在我的主题中添加自定义字体?

标签 css wordpress wordpress-theming

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

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

最佳答案

您需要在 .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/

关于css - 如何在我的主题中添加自定义字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14518783/

相关文章:

html - 在 FlexBox 中使用 vh 和 vw 的 CSS 问题

php - woocommerce 自定义订单状态和 REST API

html - 如何从 Twenty Twelve 主题中删除响应代码

html - 垂直和水平居中无法按预期工作

css - 是否有 Bootstrap 垂直下拉响应菜单?

javascript - 视口(viewport)大小的 div 网格

php - 从单个帖子获取 Wordpress 类别

php - 为什么 FlexySlider 幻灯片没有加载到这个 WordPress 主题中?

wordpress - 将元框添加到 WordPress 选项页面

php - 将随机自定义帖子添加到 WordPress 循环