芊雅企服
The7.3主题教程

The7.3 如何添加自定义字体

芊雅企服技术团队733 次浏览约 2 分钟读完

第一步:请把你的字体文件上传到目录,如 …/wp-content/uploads/fonts/

然后再添加@font-face在主题选项> 常规 > 自定义CSS 或者在子主题的样式文件中

@font-face {
font-family: ‘Gruppo’;
src: url(‘/wp-content/uploads/fonts/Gruppo_reg.eot’);
src: url(‘/wp-content/uploads/fonts/fonts/Gruppo_reg.eot’) format(‘embedded-opentype’),
url(‘/wp-content/uploads/fonts/fonts/Gruppo_reg.woff’) format(‘woff’),
url(‘/wp-content/uploads/fonts/fonts/Gruppo_reg.ttf’) format(‘truetype’),
url(‘/wp-content/uploads/fonts/fonts/gruppo_reg.svg#Gruppo’) format(‘svg’);
}

现在,您可以使用自定义CSS来使用字体

body, p, h1 h2 {
font-family: ‘Gruppo’ !important;
}

要添加字体列表

对于The7.3

Refer to the function presscore_options_get_safe_fonts() in ../dt-the7/inc/helpers/options.php line ~ 381
add your font to array

For The7.2, Aramda
Refer to the function dt_stylesheet_get_websafe_fonts() in ../THEME-NAME/inc/extensions/stylesheet-functions.php line ~ 244
add your font to array

$fonts = array(
‘Gruppo’=> ‘Gruppo’,

现在,您的字体将可用 主题选项 > 字体 > 字体列表 !你可以在你的子主题的fucntions.php覆盖这些功能 !

55

当然,这一切我们都已经做好,请支持我们为企业优化和深度汉化的版本!依旧一包烟!立即支持The 7.3 

相关企业需求,请直接联系我们!实打实的报价,实打实的做事!

相关文章

免费获取你的专属方案。

资深技术顾问一对一诊断需求,为你量身定制方案与报价。

  • 免费需求诊断与方案建议
  • 透明报价,工期明确
  • 现成方案与定制开发灵活组合
电话咨询135 0699 3986

信息仅用于顾问联系你,绝不外泄。

电话咨询免费获取方案

和技术顾问聊聊,免费拿方案。

说说你的行业和想法,顾问免费评估方案与报价。

电话咨询135 0699 3986一键拨打
微信号fzqianya
技术顾问微信二维码
微信扫一扫添加技术顾问,直接沟通需求截图保存后,在微信“扫一扫”中选择图片识别

不方便沟通?留下电话,顾问回电