import {
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>
);
};
style로 font만 입혔더니 잘 적용 됩니다~
'지식 정리 📝' 카테고리의 다른 글
Execel JS \n 적용 시키는 법 (1) | 2023.10.17 |
---|---|
Textarea에서 입력한 줄바꿈을 input에서 적용 시키는 방법 (0) | 2023.10.13 |
Excel 워크시트에 이미지 삽입 (0) | 2023.10.04 |
Closures - 클로저 (0) | 2023.06.19 |
브라우저 렌더링 과정에서 이미지가 먼저일까? JavaScript파일이 먼저일까? (0) | 2023.06.18 |