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 Noto Sans.
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 update
4- In the code section, scroll down in the code until you see the CSS styling towards the bottom:
5- Add the following code, just below the <style>
line.
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700&display=swap&subset=japanese');
See below example after making this change:
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:
"Noto Sans JP"
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.