Font Size Converter

Common Font Size Reference

Related Tools

External Resources

Frequently Asked Questions

What is a point (pt) in typography?

A point (pt) is a unit of measurement in typography equal to 1/72 of an inch. It is the standard unit for measuring font size in print design and desktop publishing. 12 points equal 1 pica, and 72 points equal 1 inch.

What is the difference between pt and px?

Points (pt) are physical units (1/72 inch) used in print typography. Pixels (px) are digital units representing screen dots. At 96 DPI screen resolution, 1 pt = 1.333 px. The conversion factor depends on screen DPI: 1 pt = 96/72 = 1.333 px at 96 DPI.

What is em font sizing?

The em unit is relative to the font size of the parent element. If the parent has font-size: 16px, then 1 em = 16px for child elements. Using em allows scalable layouts that respect user preferences and browser zoom settings.

What is rem font sizing?

The rem unit is relative to the root (html) element font size, typically 16px by default. 1 rem = root font size. Unlike em, rem is not affected by parent element font sizes, making it simpler for consistent spacing across a page.

How do I convert pt to px for web design?

To convert points to pixels at standard 96 DPI: px = pt × 96/72 = pt × 1.333. For example, 12 pt = 16 px, 16 pt = 21.3 px, and 24 pt = 32 px. Use this calculator for precise conversions at any resolution.

What is the standard font size for body text?

The standard body text font size is 12 pt in print and 16 px (12 pt) on the web. For accessibility, body text should be at least 16 px (12 pt) to ensure readability. Many modern designs use 16-18 px for body text.

What are the recommended font sizes for headings?

Typical heading sizes: h1 (32-48 px or 24-36 pt), h2 (24-36 px or 18-27 pt), h3 (19-24 px or 14-18 pt), h4 (16-19 px or 12-14 pt). Use a consistent scale like a modular scale or the golden ratio (1.618) for harmonious sizing.

What is the difference between 72 DPI and 96 DPI?

72 DPI is the traditional screen resolution used by Apple and in print design software. 96 DPI is the Windows standard and the modern web standard. At 72 DPI: 1 pt = 1 px. At 96 DPI: 1 pt = 1.333 px. Most modern screens are 96 DPI or higher.

How do I convert font sizes for responsive design?

Use relative units (em, rem, vw) for responsive typography. Set base font size in rem (e.g., 1rem = 16px). Use media queries to adjust base size at different breakpoints. Tools like this converter help calculate exact values.

What is a pica in typography?

A pica is a unit of measurement equal to 12 points (1/6 inch). It is commonly used in print design and typesetting. Column widths in newspapers and magazines are often measured in picas. 1 pica = 12 pt = 4.233 mm.

What font size should I use for mobile devices?

Mobile body text should be at least 16 px (12 pt) for readability. Headings should be proportionally larger but account for smaller screens. Use responsive units like rem or vw. Apple recommends minimum 11 pt for legibility on iOS.

How do I convert inches to points?

Since 1 inch = 72 points, multiply inches by 72. For example, 0.5 inches = 36 pt, 1 inch = 72 pt, 2 inches = 144 pt. This conversion is useful when designing printed materials with specific physical size requirements.

What is the em equivalent of 16 px?

If the base font size is 16 px (the browser default), then 16 px = 1 em. Since 1 em equals the current font size, if a parent has font-size: 16px, then 1em = 16px for children. For 12 pt text: 12 pt = 16 px = 1 em (at default base).

What is the difference between absolute and relative font units?

Absolute units (pt, px, mm, cm, in) have fixed sizes. Relative units (em, rem, %, vw, vh) are relative to another value. Relative units are preferred for responsive web design because they scale with user preferences and screen sizes.

How do I set base font size in CSS?

Set base font size on the html element: html { font-size: 16px; }. Then use rem for all sizes: body { font-size: 1rem; }, h1 { font-size: 2rem; }. This allows users to override and ensures consistent scaling.

What is a modular type scale?

A modular type scale uses a ratio (like 1.25, 1.333, or 1.618) to generate a sequence of font sizes. For example, with ratio 1.25: base 16, then 20, 25, 31, 39, 49. This creates harmonious, consistent sizing throughout a design.

What font sizes are best for accessibility?

Minimum 16 px (12 pt) for body text, allow text resizing up to 200% without loss of content, use relative units (em/rem) rather than absolute, maintain sufficient line height (1.5), and ensure high contrast ratios. WCAG guidelines recommend these practices.

How do I convert between print and digital font sizes?

Print uses pt (1/72 inch). Digital uses px. At 96 DPI: pt × 1.333 = px. For print-ready PDFs, use pt directly. For web, convert to px or rem. This converter handles all common conversions between pt, px, em, rem, mm, and inches.

What is the golden ratio for typography?

The golden ratio (approximately 1.618) is often used for type scales. If body text is 16 px, a golden ratio scale gives: 16 × 1.618 = 26 px for h2, 16 × 1.618² = 42 px for h1. This creates a naturally harmonious hierarchy.

How do I calculate the perfect font size for a given line length?

Optimal line length is 45-75 characters. Divide desired line length (in characters) by average character width (about 0.5 em) to get the container width in em. Then choose font size based on container width. Example: 60 chars × 0.5 = 30 em container width.

What are common font sizes for code and monospace text?

Code and monospace fonts are typically 13-15 px (9.75-11.25 pt) for readability. Monospace characters are wider than proportional, so slightly smaller sizes work well. Common code editor defaults: 12 pt or 14 px.

What is the font size for print vs web body text?

Print body text is typically 10-12 pt. Web body text is typically 16-18 px (12-13.5 pt). Print can use smaller sizes because of higher resolution (300+ DPI). Screen resolutions (96 DPI) require larger fonts for comfortable reading.

How does DPI affect font size conversion?

DPI (dots per inch) determines how many screen pixels represent an inch. Higher DPI = smaller-looking text at the same px size. At 96 DPI, 1 in = 96 px. At 144 DPI (Retina), 1 in = 144 px. Pt to px conversion depends on DPI: px = pt × DPI / 72.

What is the best font size for presentations?

For presentations (PowerPoint, Keynote), minimum 24 pt for body text, 36-44 pt for headings, and 18-20 pt for captions. Text should be readable from the back of the room. Avoid using more than 3-4 font sizes per presentation.

How do I convert mm to pt for print design?

Since 1 inch = 25.4 mm = 72 pt, to convert mm to pt: pt = mm × 72 / 25.4. For example, 10 mm = 10 × 72 / 25.4 = 28.35 pt. This is useful for print designs where physical dimensions matter, such as business cards or labels.

What is the difference between CSS absolute and relative units?

CSS absolute units: px, pt, mm, cm, in (fixed size). CSS relative units: em (relative to parent), rem (relative to root), vw (1% viewport width), vh (1% viewport height), % (relative to parent). Relative units adapt to different screen sizes.

How do I create a responsive type scale?

Use rem units with media queries. Define base sizes at breakpoints: html { font-size: 16px; } @media (min-width: 768px) { font-size: 18px; } @media (min-width: 1200px) { font-size: 20px; }. All elements sized in rem will scale proportionally.

What font size should I use for email design?

Email body text: 14-16 px (10.5-12 pt). Headings: 22-24 px (16-18 pt). Use inline CSS with px units for email (rem/em support varies). Minimum 13 px for legibility. Most email clients render at approximately 96 DPI.

How do I measure font size in design software?

Design tools (Figma, Sketch, Adobe) use pt for print documents and px for web documents. Figma defaults to px. Adobe InDesign uses pt. Always check the unit setting in your design tool. Use pt for print projects and px for digital projects.

What is the relationship between font size and line height?

Optimal line height is 1.4-1.6 times the font size for body text. For 16 px text, line-height: 1.5 gives 24 px line height. Larger fonts need proportionally smaller line heights (1.2-1.3). Good line height improves readability and accessibility.

How do I convert font sizes for different languages?

Some scripts need larger sizes for readability. Chinese/Japanese characters need slightly larger sizes than Latin. Arabic needs slightly larger due to diacritics. A general rule: set base size 10-15% larger for non-Latin scripts and adjust from there.

What are the standard pt sizes for print typography?

Standard print sizes: 6 pt (fine print), 8 pt (captions), 9 pt (footnotes), 10 pt (body text in books), 11 pt (body text in magazines), 12 pt (body text in business documents), 14 pt (subheadings), 18-24 pt (headings), 30-48 pt (display/title).

How do I ensure consistent font sizing across browsers?

Use CSS reset or normalize.css to minimize browser differences. Set html { font-size: 100%; } to respect user preferences. Use rem for all sizes. Test across Chrome, Firefox, Safari, and Edge. Avoid pt for web - use px or rem instead.

What is the minimum font size for print?

Minimum legible print size is typically 6-7 pt for simple text in good conditions. 8 pt is the practical minimum for body copy. 10-12 pt is standard for most printed materials. Very small text (under 6 pt) is difficult to read without magnification.