pdf.js 사용시 폰트문제로 글자가 나오지 않는 경우 해결법

이런식으로 출력이 될때 해결하는 방법입니다.

cmap을 넣으라고 해서 넣어봤는데도 안되더라구요

 

function setLoadPdf(_url) {
    var url = _url;
    pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.js';

    let loadingTask = pdfjsLib.getDocument({
        url: url,
        cMapUrl: 'https://cdn.jsdelivr.net/npm/pdfjs-dist@3.11.174/cmaps/',
        enableXfa: true,
        disableFontFace: false
    });
    
    loadingTask.promise.then(function (pdfDoc_) {
        pdfDoc = pdfDoc_;
        document.getElementById('page_count').textContent = pdfDoc.numPages;
        renderPage(pageNum);
    });
}

 

소스는 이렇습니다

중요한 부분은 loadingTask부분에

url을 제외한 cMapUrl, enablrXfa, disableFontFace입니다

이렇게 처리하면 

이렇게 표시가 됩니다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.js"></script>

이 소스도 html에 들어가 있어야 합니다.