Шрифт Arial выглядит по-другому при преобразовании HTML в mpdf. ⇐ CSS

[Anonymous]

Должно быть, я чего-то не знаю о том, как работают шрифты, на самом деле многого. Может быть, кто-нибудь сможет объяснить мне, почему, если шрифт в моем CSS установлен как «font-family: Arial, Helvetica, sans-serif»;
Почему он выглядит немного по-другому? В pdf выглядят растянутыми и округлыми.
Существуют ли разные типы одного и того же шрифта? Если это так, как я могу это исправить?
HTML-страница:
[img]https://i.sstatic.net /ckBB1.png[/img]

Страница PDF:


Это то, что я применяю к html для печати в формате mpdf
h1
{
text-align: center;
margin-top: 90px;
margin-bottom: 90px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 23vw;
}

$htmlStringView = view('pdf-view', ['content' => $content, 'cssString' => $cssString])->render();

$contract = $this->userContractRepository->show($id);
$mpdf = new Mpdf(['tempDir' => '/var/www/storage/temp', 'format' => [198, 280]]);
$contract = $this->addJsonDataToModelAttributes($contract);
$mpdf->SetHTMLFooter('{PAGENO}/{nbpg}');
$mpdf->WriteHTML($htmlStringView);
$mpdf->SetTitle($contract->title);
$mpdf->SetAuthor($contract->owner->email);
$mpdf->SetSubject(implode(", ", $contract->persons->pluck('full_name')->toArray()));
$mpdf->SetKeywords($id);
$mpdf->Output('/var/www/storage/app/' . $full_path);


Подробнее здесь: https://stackoverflow.com/questions/651 ... conversion