One of my favourite features of the PDF File Format is the ability to embed Truetype fonts inside the actual PDF file. This means that you are not limited to a small set of fonts or relying on the user to have the same fonts as you.
The HTML5 File format also supports TrueType fonts, so it would be really cool if we could use the font data in the PDF File to render the HTML5 version of the page…
There are a couple of technical issues with the TrueType font data inside the PDF. First of all, it usually includes only the displayed characters – not a problem for us as we only need those characters. Secondly, the data needs to be modified to work with HTML5 browsers. We already had all the code to read Truetype fonts in our Font engine so it was relatively straight-forward to write the code to rewrite the font data so that it worked.
So how well does it work? Well, you can see the results below (click on the image to open or download the trial version and try it for yourself). My favourite feature is that the code we include to adjust the font size to produce the best fit on the page now uses the exact widths from the the added fonts!
We will keep you posted on updates and also look at adding other font types. What would you like to see next?
Latest posts by Mark Stephens (see all)
- My experience of a Turkish bath (visiting Istanbul for DevFest) - November 24, 2017
- My 5 key takeaways from JavaOne 2017 - October 6, 2017
- My notes and pictures from thursday JavaOne 2017 - October 5, 2017
- My notes and pictures from Wednesday JavaOne 2017 - October 5, 2017
- My notes and pictures from Tuesday JavaOne 2017 - October 4, 2017