< 返回
当前位置:
打印

PDF账单的中文字符问题

目录

插件:WooCommerce PDF Invoices & Packing Slips

原文:https://docs.wpovernight.com/woocommerce-pdf-invoices-packing-slips/using-custom-fonts/

复制文件

打开原插件 wp-content/plugins/woocommerce-pdf-invoices-packing-slips/templates/Simple/ 内全部复制到如下:

复制到主题/子主题,wp-content/themes/my-(child)theme-folder/woocommerce/pdf/my-template/ 下面

路径中的橙色部分自行命名。

创建fonts文件夹

my-template 下面再新建文件夹 fonts/,上传中文字体到fonts下面。注意,只能是TTF 字体文件。

编辑CSS

然后打开 my-template 中的在 style.css 文件,并添加以下CSS:

/* Load font */
@font-face {
    font-family: 'MyFont';
    font-style: normal;
    font-weight: normal;
    src: local('MyFont'), local('MyFont'), url(&lt;?php echo $this-&gt;get_template_path(); ?&gt;/fonts/myfont.ttf) format('truetype');
}
@font-face {
    font-family: 'MyFont';
    font-style: normal;
    font-weight: bold;
    src: local('MyFont Bold'), local('MyFont-Bold'), url(&lt;?php echo $this-&gt;get_template_path(); ?&gt;/fonts/myfont-bold.ttf) format('truetype');
}
@font-face {
    font-family: 'MyFont';
    font-style: italic;
    font-weight: normal;
    src: local('MyFont Italic'), local('MyFont-Italic'), url(&lt;?php echo $this-&gt;get_template_path(); ?&gt;/fonts/myfont-italic.ttf) format('truetype');
}
@font-face {
    font-family: 'MyFont';
    font-style: italic;
    font-weight: bold;
    src: local('MyFont Bold Italic'), local('MyFont-BoldItalic'), url(&lt;?php echo $this-&gt;get_template_path(); ?&gt;/fonts/myfont-bolditalic.ttf) format('truetype');
}

再将 font-family: ‘myFont’ 指派给同文件中的 body :

body {
    font-family: 'MyFont';
}

进入设置插件,在 Choose a template 中选择刚刚创建的模板(my-template),启用。

PDF账单的中文字符问题

最后,在 General settings 下勾选Enable font subsetting。

上一篇 Mailgun邮件订阅功能
下一篇 VPS网络回程线路一键测试脚本
目录
商店
0 项目 购物车

登录

还没有账户?