17713433920 info@mac163.com

添加Microsoft Yahei作为WordPress默认字体

在使用海外WordPress主题搭建自己的网站的时候我们会遇到在主题中的Google字体问题,但中国用户有点麻烦。因为谷歌字体减慢了网站,在中国,我们通常使用Microsoft Yahei作为默认字体。所以我们试图将它添加到谷歌字体列表中,就像我使用其他Themeforest主题,(我更改了框架文件夹中的谷歌字体文件)。

添加Microsoft Yahei作为WordPress默认字体

添加Microsoft Yahei作为WordPress默认字体

那么,请告诉我,如何将Microsoft Yahei字体添加到这些主题呢

首先添加字体有两种方法

a)转到主题文件夹/ functions.php并粘贴此代码:

if (!function_exists('additional_font_styles')) {
    function additional_font_styles () {
        wp_enqueue_style('your_font_name', 'the_url');
    }
    add_action('wp_enqueue_scripts', 'additional_font_styles');
}

将your_font_name调整为您的首选项,并将url调整为字体文件的右侧URL路径。接下来,使用CSS代码将此字体应用于您可能需要使用font-family属性的网站的任何部分。

例如,将以下代码粘贴到您的管理员Elated选项>常规>自定义代码>自定义CSS字段中

body, h1{font-family: 'YourFont', sans-serif;}

这将处理对您的webfont的API调用。我们建议您在子主题及其functions.php文件中执行此操作,以便在主题更新时保留此更改。

b)将此代码粘贴到Custom CSS字段中:

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot');
    src: url('webfont.eot?#iefix') format('embedded-opentype'),
    url('webfont.woff2') format('woff2'), 
    url('webfont.woff') format('woff'),
    url('webfont.ttf') format('truetype'),
    url('webfont.svg#svgFontName') format('svg');
 }

只需将绝对路径放到字体文件中即可。比在CSS字段中使用此代码

body, h1{font-family: 'YourFont', sans-serif;}

并使用适当的字体设置所需的元素。

或者您可以尝试使用任何字体插件,一些客户建议它,但我们没有自己测试它。

没有一种方法可以在Elated Options中的列表中添加字体,但您必须通过自定义css代码使用它。

*自定义css字段也可以放在外观>自定义>附加Css中。

其次你可以尝试使用名为Use any font的插件:https://wordpress.org/plugins/use-any-font/

如果主题上面的Google字体依然很顽固,可以尝试:

*:not([class*="icon"]):not(i) {
font-family: Segoe UI, "Microsoft Yahei" !important;
}

微信二维码

扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
QQ客服
  • 在线客户 点击这里给我发消息
旺旺在线
  • 淘宝旺旺 点这里给我发消息
电子邮箱
  • 联系邮箱
微信客户
  • 扫一扫,加好友
关闭搜索

购物车

回到顶部