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?
Did you know...
IDRsolutions offers a whole range of online file converters to convert PDF and Microsoft Excel, Word and Office Documents to HTML5, SVG or image formats?
It is free to use for single file conversions and also includes Developer links if you want to use our commercial software for bulk conversions. Find out more on this page