vue-html-to-paper 사용기

main.ts

----------------------

import VueHtmlToPaper from 'vue-html-to-paper';

const options = {

name: '_blank',

specs: [

'fullscreen=yes',

'titlebar=yes',

'scrollbars=yes'

], styles: [

"사용 중인 s3서버에 css파일을 배포 , 배포한 css의 주소를 사용"

]

}

Vue.use(VueHtmlToPaper, options);

-----------------------------

 

하지만 글씨체는 바꿔지지 않는 이상한 일을 경험했다..

어디 물어볼 사람도 없고 ...

2시간 정도 방법을 찾던 중 드디어 해결

 

배포하는 css에

사용하고 싶은 글씨체를 @import 시킨 후

사용하는 component에서 인라인으로 스타일을 넣어준다 

<div id="printMe3" style="font-family: 'Nanum Gothic';" >

 

이 모듈 같은 경우는 대부분 인라인으로 스타일을 넣어주는게 편하다...