Node-html-pdf: pageHeader Custom fonts

Created on 27 Jun 2017 · 5Comments · Source: marcbachmann/node-html-pdf

I ran into a problem that is the #pageHeader didn't use the custom font i assigned it in the internal css
but the font does work on the body
the CSS :
`
@font-face {
font-family: Helvitica;
src: url(fonts/Helvetica.ttf);
}

pageHeader{

  font-family: Helvetica;
  vertical-align: middle;
  text-align: center;
}

lastly are there any function that will send some kind of alert to the user when the pdf rendering is complete

Thanks in advance

Source

tsp1996

Most helpful comment

@mischa-saunders
Its a bit messy, but it works
Basically my solution was to put in a seperate internal and in-line CSS for the header

<style>
 @font-face{
  font-family:Customfont; 
  src:url(file:///C:/fonts/customfont.ttf);
 }
</style>
<div id="header" style="font-family:Customfont;">
  Header Contents
</div>

tsp1996 on 6 Jul 2017

👍3 🎉2

All 5 comments

I'm also stuck on this, did you figure anything out @tsp1996 ?

mischa-s on 5 Jul 2017

@mischa-saunders
Its a bit messy, but it works
Basically my solution was to put in a seperate internal and in-line CSS for the header

<style>
 @font-face{
  font-family:Customfont; 
  src:url(file:///C:/fonts/customfont.ttf);
 }
</style>
<div id="header" style="font-family:Customfont;">
  Header Contents
</div>

tsp1996 on 6 Jul 2017

👍3 🎉2

you can also expose the font via public endpoint, and use that:
src: url('http://localhost:9003/public/customfont.ttf');