Blog

Why fonts look wider in one application than another

Find out why the same font looks wider in different apps, compare installed fonts, and check for font substitution, sizing, and spacing differences.

Emily ParkerTools and utilities 5 min read

The same paragraph can look wider in a document editor than in a design app, even when both show the same font name. That can change line breaks, push text outside a layout, or make a document look different on another computer.

Start by checking whether both applications are using the same font and style. The Installed Fonts tool lets you preview your own sample text in fonts available to your computer, so you can compare likely matches before changing a document.

Compare the font in both applications

  1. Open Installed Fonts in Chrome or Edge on a computer. Other browsers may show a reduced version or none, because browser access to installed fonts is limited.
  2. Use the same short sample in the font previews, such as minimum 111 WWW 000. Compare the letter shapes and widths in the font you expect the applications to use.
  3. In each application, select the same words and check the font family, style, and size. Make sure both use the same weight, such as regular or bold, and the same italic setting.
  4. Compare a line of identical text at the same size in both apps. Look at whether every character is wider, or whether the difference is limited to particular letters, a bold style, or a particular document.

Keep the text, size, and formatting the same while you compare. If you compare different sentences or styles, the result can be misleading: a line with many wide letters such as W and M naturally takes more space than a line with narrow letters such as i and l.

What the difference means

The font name or style is different

The applications are not using the same face. A family can include separate regular, bold, italic, and condensed styles. Selecting a similar family name does not guarantee that the same style is active. Check the style as well as the family name in both apps.

The name matches, but all the text is wider in one app

Look for a different font size, character spacing, or horizontal scaling in that application. A larger size makes letters wider and taller; increased character spacing adds room between letters. Some apps also let you stretch or compress text horizontally.

A matching font name can also refer to different font files or versions. If one application has an older copy cached, or a document has substituted a font that is not available, the letter widths may differ even when the displayed name looks familiar.

Only bold or italic text looks wider

The app may be using a different bold or italic font file, or creating a synthetic style from the regular face. Synthetic bolding can make strokes thicker, and different italic designs can have different widths. Compare regular text first, then check the exact bold or italic style.

Only certain letters or words change

The apps may handle kerning or ligatures differently. Kerning adjusts the space between particular letter pairs, while a ligature combines letters such as fi into a single shaped character. Font support for special characters can also vary, causing an app to use a different font for only part of a line.

How to fix the font width

  1. Choose the same family and style. In each app, select the exact font family and the same style, such as regular, medium, or bold. Avoid choosing a visually similar font as a substitute if you need matching line breaks.
  2. Reset spacing and scaling. Check the text or character settings for tracking, character spacing, horizontal scale, and condensed or expanded options. Return these to their defaults, then compare the same line again.
  3. Check whether the font is installed. On Windows 11, open Settings › Personalization › Fonts and check for the font. On macOS, open Font Book from the Applications folder and search for the family. If it is missing, install the correct font file from a trusted source, following its license terms.
  4. Look for a font substitution notice. Some apps warn when a document uses a font that is unavailable. If you see a warning, install the intended font or choose a replacement, then review the line breaks and layout. A replacement font can have different character widths.
  5. Close and reopen the applications. Apps may keep font information in memory. After installing or activating a font, fully quit both applications and reopen them before comparing again.
  6. Check for multiple copies. If the same family appears more than once in a font manager, confirm which version should be active. Resolve duplicates carefully, then restart the apps and test the same text. Do not delete a font file unless you know which app or document depends on it.

Why the preview may still look different

The Installed Fonts tool helps you compare available font faces using your own text, but a browser preview cannot guarantee that another application is using the same file or shaping text in the same way. Apps can have different font engines, layout rules, and support for variable font settings. Variable fonts contain adjustable design options, which can include a width axis.

Small differences in how letters are drawn on screen can also come from display scaling and antialiasing, the smoothing used to render text. These affect how text looks at a particular size, but they do not necessarily mean the underlying font has different character widths. If the difference matters for a printed document or layout, compare a PDF export or print preview as well as the on-screen view.