Skip to main content

Korean characters not displaying correctly

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

Lauro Oller avatar
Written by Lauro Oller
Updated this week

Some languages require specific fonts to be included in the template so that their characters display correctly. This guide shows how to add support for Korean to a template by using the font named "Noto Sans KR."

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

Add 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:

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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,700&display=swap&subset=korean');

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 KR" , making sure the quotation marks are included.

See example below after making this change:

7- Click "Save" and you are done.

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

Did this answer your question?