LoginSignup
0
1

More than 5 years have passed since last update.

WooCommerce PDF Invoicesで日本語を扱う

Posted at

前提: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

参考
http://navi-local.com/article/php%E3%81%8B%E3%82%89pdf%E3%82%92%E5%87%BA%E5%8A%9B%EF%BC%88dompdf%EF%BC%89/

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1