# Order printerで明細を印刷すると日本語が全て文字化けてしまう。

**URL:** <https://community.shopify.com/t/order-printer/323966>\
**Category:** Shopify アプリ\
**Created:** [May 19, 2024, 4:48am UTC](https://community.shopify.com/t/order-printer/323966 "2024-05-19T04:48:11Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Order Printerアプリで明細書を印刷すると、日本語が全て□に文字化けする問題が発生。

**発生環境:**
- macOS 12.7.5、Google Chrome 125.0.6422.61
- 2024年5月19日より発生
- PDFダウンロード後も同様の症状
- プレビュー表示では正常

**解決方法:**
領収書テンプレートの編集ページで、`<style>`タグ内の最上部に以下のコードを追加:
```
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700&display=swap');
```

その後、`font-family`の指定を`"Open Sans", sans-serif`から`"M PLUS 1p", sans-serif !important`に変更。

**結果:** 報告者は提案された修正方法で問題を解決できたことを確認。

<div class="post-metadata">

**Author:** ![comen3](https://avatars.discourse-cdn.com/v4/letter/c/c89c15/32.png) [@comen3](https://community.shopify.com/u/comen3)\
**Post date:** [May 19, 2024, 4:48am UTC](https://community.shopify.com/t/order-printer/323966/1 "2024-05-19T04:48:11Z")

</div>

本日2024年5月19日より、

OS : mac os 12.7.5

ブラウザ : Google Chrome / 125.0.6422.61（Official Build） （x86\_64）

環境下でORDER PRINTERアプリを使用して、明細書を印刷すると

日本語が全て□に文字化けしてしまいます。

PDFをダウンロードして印刷しても同様の状態でございます。

プレビューでは問題なく日本語が表示されております。

デフォルトの「明細表を印刷する」からの印刷は問題なく日本語も印刷できました。

また別環境

OS : mac os 10.13.6

ブラウザ : Chromium 105.0.5186.0 (Developer Build) (x86\_64)

ではORDER PRINTERを使用しても問題なく日本語を印刷することができました。

解決方法をご存知の方がおりましたら、ご教授いただけますと幸いでございます。

---

<div class="post-metadata">

**Author:** ![ToshihiroY](https://avatars.discourse-cdn.com/v4/letter/t/8797f3/32.png) [@ToshihiroY](https://community.shopify.com/u/ToshihiroY)\
**Post date:** [June 4, 2024, 2:28am UTC](https://community.shopify.com/t/order-printer/323966/2 "2024-06-04T02:28:12Z")

</div>

自分も同じ問題に遭遇し、下記で解決できましたので共有します。

１． 領収書テンプレートの編集ぺージへ

２． 内の一番上に下記を追加

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

```

３．font-family:“Open Sans”, sans-serif !important;

を

font-family:“M PLUS 1p”, sans-serif !important;

に変更

４．保存ボタン

試してみてください。

---

<div class="post-metadata">

**Author:** ![comen3](https://avatars.discourse-cdn.com/v4/letter/c/c89c15/32.png) [@comen3](https://community.shopify.com/u/comen3)\
**Post date:** [June 6, 2024, 7:17am UTC](https://community.shopify.com/t/order-printer/323966/3 "2024-06-06T07:17:06Z")

</div>

解決に至ることが出来ました!

ご教授頂いた修正方法で原因も理解することが出来ました。

本当にありがとうございました。