I'm testing the PDF generation of an HTML page with SVG's generated by HighCharts.com. Everything looks fine in the browser, but when I generate the PDF via Prince the SVG images are scaled to such a tiny size that they are essentially unusable. The charts are smaller and the font is pretty small (unless I zoom in -- which is not acceptable).

I'm attaching a sample HTML file.

1. report.html.gz‎ 6.3 kB

The SVG charts are very wide, which makes it difficult to display them on a narrow page. How about using a landscape page instead? By the way, the @page rule syntax is wrong here:

@page {
    size: 8.5in 11in;
    margin: 1.25in .65in .65in .9in;

    @page rotated { size : landscape }
    table { page : rotated }

@page rules cannot be nested or contain other selectors, eg. "table".