【Shopify】Order Printer ProでPDFの日本語が文字化けする問題の解消

ShopifyのOrder Printer Proというアプリを用いて、領収書の発行をしていました。
つい最近、PDFを開くと文字化けしてしまうようになりました。

現象の確認

・GoogleChromeやブラウザのプレビューで開くと、問題なく表示される

・Adobe Acrobatで開くと、文字化けする

解決方法

１．Order Printer Proを開く（Shopify管理画面 > Apps）

２．サイドバーの「Manage templates」 をクリック

３．「Edit template」をクリック

４．ソースコードの下部に<style>があるので、その直下に以下のコードを挿入

@import url(‘https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap’);

５．font-family を修正する

cssで”Open Sans”となっているところを、”M PLUS 1p”　に変更します。

６．保存ボタン（Save）をクリック

その後、リロードして領収書をダウンロードし、正常になっているかどうか確認してみてください。

これで文字化けが解消されていることが確認できたら、完了です。