前提:WooCommerce 日本語化済み、ある程度PHPが使える知識、composerが使える、WooCommerce PDF Invoicesを購入してプラグインインストール
オフィシャル文章
https://docs.woocommerce.com/document/woocommerce-pdf-invoice-setup-and-customization/
失敗した方法
・Using Google Fonts
→日本語文字化けして使えませんでした
上手く行った方法
・Using a True Type font
コツ:「.ttfファイル」を配置後に、load_font.phpで「.ufmファイル」を作成
STEP1.
load_font.phpを配置
https://github.com/dompdf/utils
(WPのルートディレクトリ)/wp-content/plugins/woocommerce-pdf-invoice/lib/dompdf
STEP2.
https://ipafont.ipa.go.jp/old/ipafont/download.html
ipaのttfファイルをデプロイ
(WPのルートディレクトリ)/wp-content/plugins/woocommerce-pdf-invoice/lib/dompdf/lib/fonts
STEP3.
ターミナルからコマンド実行
cd (WPのルートディレクトリ)/wp-content/plugins/woocommerce-pdf-invoice/lib/dompdf/
composer require dompdf/dompdf
php load_font.php ipamp.ttf (WPのルートディレクトリ)/wp-content/plugins/woocommerce-pdf-invoice/lib/dompdf/lib/fonts/ipamp.ttf
※動かない場合、適当にcomposerが動くフォルダでやってufmファイルを移動させるのが良いです。私は素直には動かなかったです
STEP4.
template.php
@font-face {
font-family: 'ipamp';
font-style: normal;
font-weight: normal;
src: local(ipamp), url(https://ほげほげ/ipamp.ttf) format('truetype');
}
@font-face {
font-family: 'ipamp';
font-style: normal;
font-weight: bold;
src: local(ipamp), url(https://ほげほげ/ipamp.ttf) format('truetype');
}
body {
font-family: 'ipamp', 'Mplus 1p', "DejaVu Sans", "DejaVu Sans Mono", "DejaVu", sans-serif, monospace;
font-size:11px;
}
ぶっちゃけSTEP4だけで良い気がすry