All Collections
Order Printer Pro
FAQs and Troubleshooting
Japanese characters not displaying correctly
Japanese characters not displaying correctly

How to include a custom font, so that Japanese language characters display correctly in the documents and PDF downloads.

Bjorn Forsberg avatar
Written by Bjorn Forsberg
Updated over a week ago

Some languages require specific fonts to be included in the template, so that the language characters display correctly. This guide shows how to add support for Japanese to a template, by using the font named M PLUS 1.

Note: The following guide assumes you are using the template designs that are provided within the Order Printer Pro app.

Add a Japanese font to your templates

1- Open Order Printer Pro (Shopify admin > Apps)
2- Go to the "Manage templates" page
3- Click the "Edit template" button on the template you would like to update
4- In the code section, scroll down in the code until you see the CSS styling towards the bottom(<style>).

5- Add the following code, just below the <style>  line. 

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

6- Update the font-family  CSS rule found just a few lines lower, to use the new font. 

To do this, change the text:
"Open Sans" 

To be:

'M PLUS 1p'

Make sure the quotation marks are included.

See the below example after making this change:

7- Click "Save" and you are done.

Now your template will load the needed font for displaying Japanese characters correctly.

Did this answer your question?