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.