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 over 3 weeks ago

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?