Convert CSS Units for Print Stylesheets
Convert between px, pt, and rem for print media queries and PDF output CSS.
Context (affects rem/em/vw/vh/%)
Common pixel sizes β rem (at 16px base)
Print CSS tips
For print CSS, use pt (points) β the traditional typographic unit. 1pt = 1/72 inch. At 96 DPI: 1pt = 1.333px. This tool converts both.
Print body text is typically 10β12pt (13β16px). Headings 14β18pt. Use the pt converter to verify your screen CSS will look correct on paper.
Margins and page sizes in print CSS use cm, mm, or in. For padding and spacing within the content area, pt is standard and compatible across all print browsers.
When generating PDFs via wkhtmltopdf or Puppeteer, pixel values depend on the DPI setting. At 96 DPI, 1in = 96px = 72pt. Convert your values accordingly.
How It Works
Why use ours?
Also check outβ¦
PX to REM for Web Development
Convert pixel values to rem units for scalable, ac
CSS Units for Responsive Design
Convert between px, vw, vh, and % to build layouts
Convert Design Specs to CSS Units
Translate Figma or Sketch pixel values to rem/em u
Tailwind CSS Unit Reference
Understand how Tailwind CSS sizing classes map to