Mark Stephens I have been working with Java and PDF since 1999 and am a big NetBeans fan. I enjoy speaking at conferences. I have an MA in Medieval History and a passion for reading.

PDF to HTML5 conversion – Truetype fonts

58 sec read

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!

Click on image to see PDF file

We will keep you posted on updates and also look at adding other font types. What would you like to see next?

This post is part of our “Fonts Articles Index” in these articles we explore Fonts.
Click here to see all the other articles in the PDF to HTML5 conversion series.

IDRsolutions develop a Java PDF Viewer and SDK, an Adobe forms to HTML5 forms converter, a PDF to HTML5 converter and a Java ImageIO replacement. On the blog our team post anything interesting they learn about.

Mark Stephens I have been working with Java and PDF since 1999 and am a big NetBeans fan. I enjoy speaking at conferences. I have an MA in Medieval History and a passion for reading.

Converting your PDF files to HTML5 with BuildVu 

Recently we announced our updated product range for 2018 and are rebranding some existing products, like JPDF2HTML5 which has been renamed to BuildVu. It...
Georgia Ingham
2 min read

Favourite resources from our HTML development team

As the web progresses and grows, so do the technologies that come along with it. Trying to keep on top of everything you need...
Ovidijus Okinskas
1 min read

Leave a Reply

Your email address will not be published. Required fields are marked *

IDRsolutions Ltd 2019. All rights reserved.