Nothing special, except you have to declare the font in the CSS, and use the internal name of the font (in the case of Montserrat, it looks like it is "Montserrat Bold" with no hyphen)
For example the following template gives the PDF attached.
- Code: Select all
<!DOCTYPE html>
<!-- HTML5 -->
<html lang="en">
<head>
<title>Font test</title>
<style>
.container {
margin: auto;
}
.montserrat {
font-family: 'Montserrat', serif;
font-size: 24pt;
}
.montserrat-bold {
font-family: 'Montserrat Bold', serif;
font-size: 24pt;
}
@page {
size: letter landscape;
margin: 1.4in .4in .6in .4in;
}
</style>
</head>
<body>
<div class="container">
<p class="montserrat">Monserrat font</p>
<p class="montserrat-bold">Montserrat bold font</p>
</div>
</body>
</html>