How to fix broken Korean text in react PDF

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40import {
  Document,
  Font,
  Page,
  PDFViewer,
  StyleSheet,
  Text,
} from '@react-pdf/renderer';
import React from 'react';

Font.register({
  family: 'SpoqaHanSans',
  src:
    'https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f36e159ffbf744b36e16ef742da6d8/Subset/SpoqaHanSans/SpoqaHanSansLight.ttf',
});

const styles = StyleSheet.create({
  viewer: {
    flex: 1,
  },
  korean: {
    fontFamily: 'SpoqaHanSans',
  },
  english: {},
});

const PDFDocument = () => {
  return (
    <PDFViewer style={styles.viewer}>
      <Document>
        <Page>
          <Text style={styles.korean}>
            한국어한국어한국어아아아국국국어어어
          </Text>
          <Text>English</Text>
        </Page>
      </Document>
    </PDFViewer>
  );
};