Конфигурация японского шрифта mPDF

Мне нужно создать PDF-файл с использованием шрифта mPDF и YuGothM.ttc для японского клиента. Страница, которую мне нужно экспортировать в PDF, содержит некоторый текст, который в версии для браузера (HTML) отображается хорошо, но в PDF тот же текст имеет некоторые символы, использующие шрифт, а другие символы - шрифт по умолчанию, который не одобрен клиентом. Я понимаю, что мне нужно определить параметр TTCfontID в каждом определении шрифта для файлов .ttc, но я просто не понимаю значения этих определений и, следовательно, как правильно настроить шрифты.

Скрипт используется на веб-сайте WordPress с использованием плагина Polylang для переводов.

$defaultConfig = (new \Mpdf\Config\ConfigVariables())->getDefaults();
$fontDirs = $defaultConfig['fontDir'];

$defaultFontConfig = (new \Mpdf\Config\FontVariables())->getDefaults();
$fontData = $defaultFontConfig['fontdata'];

$pdf = new \Mpdf\Mpdf([
    //'mode' => '+aCJK',
    'mode' => 'utf-8',
    'format' => 'A3-L',
    'margin_left' => 5,
    'margin_right' => 5,
    'margin_top' => 5,
    'margin_bottom' => 5,

    'fontDir' => array_merge($fontDirs, [
        ASSETS_DIR ."fonts/Yugothib/",
    ]),

    'fontdata' => $fontData + [
        'yugoth' => [
            'R' => 'YuGothR.ttc',
            'TTCfontID' => [
                'R' => 1,
            ]
        ],
    ],
    'default_font' => 'yugoth',
    'languageToFont' => new CustomLanguageToFontImplementation()
]);

$pdf->autoScriptToLang  = true;
$pdf->autoLangToFont  = true;
$pdf->showImageErrors = true;
$pdf->allow_charset_conversion = true;
        
$pdf->SetHTMLHeader();
$pdf->SetHTMLFooter();
$pdf->WriteHTML($this->getHtmlTemplate($stock, $userId, $loadedDate));

$pdf->Output($filepath, 'F');

И HTML также берется из частной функции в том же классе.

function getHtmlTemplate($records, $userId, $loadedDate){
    $user = $this->getUserInfo($userId);

    $companyName = $user->client;

    $html = "
<html lang=\"ja\">
<head>
<style>
.table {
    font-family: 'yugoth', sans-serif; 
    font-size: 16px;
    font-weight: normal;
}
.column-header {
    text-align: center;
    vertical-align: middle;
    background-color: #777777;
    color: #FFFFFF;
}
.cell{
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.cell-last {
    border-right: 1px solid #efefef;
}
.a-center {
    text-align: center;
}
.w-80 {
    width: 80px;
}
.w-quality {
    width: 380px;
}
.w-150 {
    width: 150px;
}
</style>
</head>
<body lang=\"ja\">

<table border=\"0\" style=\"width: 100%\">
<tr>
    <td style=\"width:26%; text-align: left; font-size: 18px\">
        <div>" . $companyName ."</div><br />
        <div lang='ja'>" . pll__('Stock Info') ."</div>
    </td>
    <td class=\"a-center\" style=\"width:26%\">
        <div style=\"font-size: 50px; color: #004729; font-weight: bold;\" lang='ja'>" . pll__('Stock Report'). "</div>
    </td>
    <td style=\"width:26%; text-align: right\">
        <div>". $date ."</div><br />
        <img src=\"" . ASSETS_URL . "images/logo.png\" width=\"200px\" />
    </td>
</tr>
</table>

<table class=\"table\" border=\"0\" cellpadding=\"7\">
    <thead>
        <tr>
            <th class=\"column-header\" style=\"width: 100px\">" . pll__("Col 1") ."</th>
            <th class=\"column-header\" style=\"width: 100px\">" . pll__("Col 2") ."</th>
            <th class=\"column-header w-150\">" . pll__("Col 3") ."</th>
            <th class=\"column-header w-quality\">" . pll__("Col 4") . "</th>
            <th class=\"column-header\" style=\"width: 100px\">" . pll__("Col 5") . "</th>
            <th class=\"column-header w-80\">" . pll__("Col 6") . "</th>
            <th class=\"column-header\" style=\"width: 130px\">" . pll__("Col 7") . "</th>
            <th class=\"column-header\">" . pll__("Col 8") . "</th>
            <th class=\"column-header\">" . pll__("Col 9") . "</th>
            <th class=\"column-header\" style=\"width: 100px\">" . pll__("Col 10") . "</th>
            <th class=\"column-header\">" . pll__("Col 11") . "</th>
            <th class=\"column-header\" style=\"width: 120px\">" . pll__("Coll 12") . "</th>
            <th class=\"column-header w-150\">" . pll__("Col 13") . "</th>
            <th class=\"column-header w-150\">" . pll__("Col 14") . "</th>
        </tr>
    </thead>
    <tbody>
";

    /** @var StockItem $row */
    foreach ($records as $row){
        $html .= "
    <tr>
        <td class=\"cell a-center\">" . $row->col1 ."</td>
        <td class=\"cell a-center\">".$row->col2."</td>
        <td class=\"cell a-center w-150\">". $row->col3 ."</td>
        <td class=\"cell w-quality\">".$row->col4."</td>
        <td class=\"cell w-150\">".$row->col5."</td>
        <td class=\"cell a-center w-80\">".$row->col6."</td>
        <td class=\"cell a-center w-80\">".$row->col7."</td>
        <td class=\"cell a-center\" lang='ja'>".$row->col8."</td>
        <td class=\"cell a-center\">".$row->col9."</td>
        <td class=\"cell a-center\">".$row->col10."</td>
        <td class=\"cell a-center\">".$row->col11."</td>
        <td class=\"cell a-center w-80\">".$row->col12."</td>
        <td class=\"cell a-center w-150\">".$row->col13."</td>
        <td class=\"cell cell-last a-center w-150\">".$row->col14."</td>
    </tr>";
    }

    $html .= "
</tbody>
</table>
</body>
</html>
";

        return $html;
    }
}

Может ли кто-нибудь помочь мне с правильной настройкой для mPDF или предложить другую конфигурацию с другим японским шрифтом, который уже работает?

Заранее спасибо!

html fonts mpdf cjk

22.03.2022 11:03

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В конце концов я изменил сценарий, чтобы использовать TCPDF, и этот способ действительно работал очень хорошо. Я знаю, что этот ответ не ответил на вопрос, который я задал, но он решил мою проблему.

28.03.2022 12:06

Другие вопросы по теме

Текст в tkinter Текстовое окно близко к полосе прокрутки

Как отформатировать шрифт во всех диаграммах в группе диаграмм

Где Adobe Fonts (он же Typkekit, он же Creative Cloud Fonts) хранит шрифты на моем Mac?

Как вставить локальный шрифт в мой проект?

Как использовать fontStyle на IOS? (с React-Native)

Как изменить шрифт моего сайта на Github Pages?

Шрифты не работают после использования DO Spaces для проекта Django

Убрать перескакивание символа двоеточия на веб-странице

Как правильно отображать вьетнамский язык в PDF, который экспортируется отчетом Jasper?

IntelliJ IDEA — шрифт Fira Code установлен, но не отображается в меню

Конфигурация японского шрифта mPDF

Ответы 1

Другие вопросы по теме

Похожие вопросы