Skip to content
Email signature generator update - check out new features tools
Arteon - company logo
#MadeWithNext.js
Arteon logo

Free online tools for web developers, designers, and marketers.

Tools

  • Online image editor
  • Favicon generator
  • Meta title & description checker
  • Word & character counter
  • Lorem Ipsum Generator
  • Email signature generator
  • Color contrast checker
  • Image color extractor
  • Color palette generator

Tools

  • Free QR code generator
  • pt to px
  • rem to px
  • em to px
  • cm to px
  • mm to px
  • inches to px
  • DPI to PPI
  • HEX to RGB

Tools

  • RGB to HSL
  • RGB to CMYK
  • bytes to KB/MB/GB
  • Unix to date
  • DEC to BIN
  • DEC to HEX
  • Mbps to MB/s
  • vw to px
  • Tailwind CSS spacing to px

Tools

  • JPG to WebP
  • PNG to WebP
  • WebP to JPG
  • WebP to PNG
  • PNG to JPG
  • JPG to PNG
  • SVG to PNG
  • BMP to JPG
  • JPG to AVIF

Legal documents

  • Privacy Policy
  • Terms of Service
© 2025 Arteon. All rights reserved.#MadeWithNext.js

Convert pt to px – print and screen typography sizes

Word uses pt, CSS uses px. 12pt = 16px at 96dpi — the browser default. Look up any size instantly, from fine print to display headings.

  1. /Tools
  2. /pt to px
ADVERTISEMENT
ADVERTISEMENT
Loading tool editor...
Points to pixels converter – Arteon

When do you need to convert points to pixels?

Points (pt) are a typographic unit used in print design: 1 pt = 1/72 inch. Pixels (px) are screen units. At the standard 96 PPI screen resolution: 1 pt = 1.333 px (96/72).

This conversion is essential when translating print designs to web, setting CSS font sizes from print specifications, and understanding the relationship between print and screen typography.

Common sizes: 12 pt = 16 px (browser default), 10 pt = 13.3 px, 14 pt = 18.7 px, 18 pt = 24 px, 24 pt = 32 px.

All calculations run locally in your browser — nothing is sent to any server.

How to use the converter?

  1. 1. Enter a value

    Type a number in the input field. You can use a period or comma as the decimal separator.
  2. 2. Read the result

    The conversion result appears instantly in the field next to it – no clicking required.
  3. 3. Copy or reverse

    Click Copy result or use the Reverse button to convert in the opposite direction.

When is this converter useful?

  1. Word and Google Docs to CSS

    Word documents default to 11pt body text and 12pt headings. Google Docs uses 11pt by default. When converting a brand style guide from a Word document into a CSS design system, you need exact px equivalents. 11pt = 14.67px (rounds to 15px), 12pt = 16px, 14pt = 18.67px — small rounding errors compound across a full type scale.
  2. PDF generation with Puppeteer and wkhtmltopdf

    Server-side PDF tools like Puppeteer (headless Chrome) and wkhtmltopdf render HTML at 96dpi by default, so CSS px and pt both apply the standard 1pt = 1.333px ratio. However, some PDF templates specify font sizes in pt directly. This converter confirms that a 10pt body in a PDF spec maps to 13.3px in your CSS template.
  3. Email newsletter typography

    HTML email clients like Outlook, Apple Mail, and Gmail often render fonts based on pt values from inline styles or system defaults. Outlook on Windows uses pt units internally, which means a 14px font in CSS may render as a different size in Outlook. Converting pt to px helps debug email rendering inconsistencies across clients.
  4. iOS and Android point units

    In iOS development, the pt unit (points) is a logical pixel that maps to device pixels through a scale factor. On an iPhone with a 2× Retina display, 1pt = 2 screen pixels. This is different from CSS pt. When a designer specifies iOS UI at 14pt, knowing the CSS px equivalent (18.67px at 96dpi) helps create consistent web counterparts.

What makes this converter different?

  1. Complete privacy

    All calculations run locally in your browser. No data is sent to any server.
  2. Real-time results

    The result updates instantly as you type – no need to click any button.
  3. Bidirectional conversion

    The Reverse button lets you convert in both directions with one click.
  4. Reference table

    A ready-made table with commonly converted values and contextual descriptions.

How does pt to px conversion work?

1 point = 1/72 inch. At 96 PPI (standard Windows/web): 1 pt = 96/72 = 1.333 px. At 72 PPI (old Mac): 1 pt = 1 px.

The formula: px = pt × PPI / 72. At 96 PPI: px = pt × 1.333.

CSS defines 1 px as 1/96 of an inch (at 96 DPI). On high-DPI screens, 1 CSS px may be multiple device pixels.

Practical tips

  • Browser default: 12 pt = 16 px = 1 rem.
  • Common conversions: 8 pt = 10.7 px, 10 pt = 13.3 px, 11 pt = 14.7 px, 12 pt = 16 px, 14 pt = 18.7 px.
  • Word default body: 11 pt = 14.7 px. Google Docs: 11 pt.
  • Minimum readable: 9 pt = 12 px on screen. Print can be smaller (6–7 pt fine print).
ADVERTISEMENT

Points (pt) vs Pixels (px)

Points (pt) vs Pixels (px)
FeaturePoints (pt)Pixels (px)
Definition1/72 inch1/96 inch (CSS)
Used inPrint, Word, PDFWeb, CSS, screens
12 pt =12 pt16 px
Body text10–12 pt14–18 px
Heading18–24 pt24–32 px

Points (pt)

  • Definition
    1/72 inch
  • Used in
    Print, Word, PDF
  • 12 pt =
    12 pt
  • Body text
    10–12 pt
  • Heading
    18–24 pt

Pixels (px)

  • Definition
    1/96 inch (CSS)
  • Used in
    Web, CSS, screens
  • 12 pt =
    16 px
  • Body text
    14–18 px
  • Heading
    24–32 px

Convert other units to Pixels

rem to pxem to pxcm to pxmm to pxinches to pxvw to pxTailwind CSS spacing to px

Explore other unit converters

DPI to PPIHEX to RGBRGB to HSLRGB to CMYKbytes to KB/MB/GBUnix to dateDEC to BINDEC to HEXMbps to MB/s

Frequently asked questions

How many pixels is 12pt?

12pt = 16px at 96 DPI (the CSS and Windows default). This is also the default browser font size and equals 1rem. The formula is: px = pt × 96 / 72 = pt × 1.3333.

How many pt is 1px?

1px = 0.75pt at 96 DPI. Formula: pt = px × 72 / 96. So 16px = 12pt, 14px = 10.5pt, 18px = 13.5pt.

Why are pt and px different units?

Points (1pt = 1/72 inch) originated in physical typography and print design. CSS pixels are defined as 1/96 of an inch at 96 DPI. The ratio between them is 96/72 = 1.333. At the old Mac 72 DPI standard, 1pt used to equal exactly 1px — which is why some older design tools still assume this.

What is the default font size in browsers?

16px = 12pt = 1rem. All major browsers (Chrome, Firefox, Safari, Edge) use 16px as the default. Users can change this in browser settings, which is why rem and em units that inherit from root are preferred over fixed px for accessibility.

What is 72pt in pixels?

72pt = 96px at 96 DPI. This is because 72pt = 1 inch, and 1 CSS inch = 96px. This relationship (72pt = 1 inch) is the fundamental rule of typographic points from the Didot and Pica systems.

What pt size should I use for body text in print vs web?

For print: body text is typically 10–12pt. For web (CSS): body text is typically 16px = 12pt. Email newsletters commonly use 14pt = 18.67px for improved readability on mobile. WCAG recommends minimum 18pt (24px) for large text that qualifies for reduced contrast ratios.

Does Puppeteer use pt or px for PDF rendering?

Puppeteer renders at 96 DPI by default, so CSS px and pt follow the standard ratio (1pt = 1.333px). You can also set a custom device scale factor. If your PDF template specifies font sizes in pt, convert them to CSS px using this tool to ensure your HTML template matches the design spec.

Are calculations done locally?

Yes. All calculations run in your browser. No data is sent to any server.

pt to px converter – Arteon

Help us improve our tools

Have an idea, found a bug, or want to suggest a feature? Drop us a message – we respond within 24 hours.