Similar Questions
- How to use Hindi with mPDF
- How to use Custom Font with mPDF
- How to use UTF-8 Font with mPDF
- How to use UTF-8 Data with mPDF
Simple Project Structure
app
assets
css
js
img
bin
bower_components
vendor
mpdf
mpdf
Steps
-
First Copy and Paste Custom Font to
./vendor/mpdf/mpdf/ttfontsDirectory
So Full path to font will be./vendor/mpdf/mpdf/ttfonts/MANGAL.TTF -
Update Fonts Config File of mPDF Library
./vendor/mpdf/mpdf/config_fonts.php
$this->fontdata = array(
"mangal" => array(
'R' => "MANGAL.TTF",
'useOTL' => 0xFF,
),
....
);
-
Update HTML-DOM/CSS property for
font-family
So find and replacefont-family:{old_font}tofont-family:mangal -
You can create basic CSS Rules for it
body {
font-family: mangal;
}
// OR
.hindi {
font-family: mangal;
}
First Install mPDF library using Composer
php /home/ssp/composer.phar require mpdf/mpdf
First Demo Normal Case
<?php
// Using mPDF Library
$mpdf = new mPDF('');
// Normal Case
$test_case1 = '
<head>
<title>Document in Hindi</title>
</head>
<body>
<p>यह एक डेमो टेस्ट है |</p>
</body></html>';
// Set some flags for mPDF
$mpdf->autoScriptToLang = true;
$mpdf->autoLangToFont = true;
// Read and Parse HTML Content
$mpdf->WriteHTML($test_case1);
// Display PDF to Browser
$mpdf->Output();
exit;
Using Custom Style for any HTML Element
<?php
$test_case2 = '
<head>
<title>Document in Hindi</title>
</head>
<body style="font-family: mangal; font-size: 20px;">
<p>यह एक डेमो टेस्ट है |</p>
</body></html>';
$mpdf->autoScriptToLang = true;
$mpdf->autoLangToFont = true;
$mpdf->WriteHTML($test_case2);
$mpdf->Output();
exit;
Using Custom Stylesheet (CSS)
<?php
$test_case3 = '
<head>
<title>Document in Hindi</title>
<style>
body {
font-family: mangal;
font-size: 15px;
color: red;
}
</style>
</head>
<body style="font-family: mangal; font-size: 20px;">
<p>यह एक डेमो टेस्ट है |</p>
</body></html>';
$mpdf->autoScriptToLang = true;
$mpdf->autoLangToFont = true;
$mpdf->WriteHTML($test_case3);
$mpdf->Output();
exit;
