Blog

How to inspect Unicode arrows in a decorative font

Preview Unicode arrows in an installed decorative font, compare glyph shapes, and spot when your browser may be substituting another font.

Rachel BennettTools and utilities 4 min read

A decorative font can make letters look distinctive while arrows in the same line look plain, oddly sized, or out of place. The font might not contain the arrow characters, or your browser might be drawing them with a different font without making that obvious.

Preview the characters with TooLab's Installed Fonts, then compare the result with how the text appears in the document or design where you plan to use it.

Preview arrows in the font

  1. Open Installed Fonts in Chrome or Edge on a computer. These browsers provide the full installed-font feature. Other browsers may show a reduced version or no font list.
  2. Find the decorative font you want to check. If it does not appear, make sure it is installed on this computer, then reload the page.
  3. Enter or paste a short sample into the preview, such as A → B | ↗ ↘ | ⇒ ➜ ⟶. These include different arrow characters, not just different styles of the same character.
  4. Look at each arrow in the selected font. Compare its stroke, weight, height, and spacing with the letters around it. Repeat with a plain font as a reference.
  5. Try the same text in the destination document or design. Set the arrow characters to the decorative font along with the rest of the text, then check the result at the size you plan to use.

The sample contains right, diagonal, double-line, and long-arrow forms. If you need a particular symbol, test that exact character rather than assuming a similar-looking arrow will behave the same way.

What the result means

The arrows match the decorative letters

This is a good sign that the font can display the characters in a style that fits. It is not absolute proof that every arrow came from that font: browsers can silently substitute another font for a missing character. Check the same text in the application where it will be used, especially if visual consistency matters.

One or more arrows look noticeably different

The font may not include those particular characters, or it may include them with a deliberately different design. A browser can use a fallback font for just the missing characters, so the letters may remain decorative while an arrow looks ordinary. Compare with the reference font and test the exact characters in the target application.

An arrow appears as a box or question mark

The current font rendering path may not have a usable glyph for that character. A glyph is the visual shape used to draw a character. Check that you copied the intended arrow, then try another installed font that is known to display it. A box can also appear if the app or document format cannot display that character correctly.

The font is missing from the list

The font may not be installed, or the browser may not provide access to installed fonts. Use Chrome or Edge on a computer for the full Installed Fonts experience. A font installed after the page was opened may not appear until you reload the page or restart the browser.

How to fix mismatched or missing arrows

  1. Check the character itself. Copy the arrow from a trusted source and paste it into the preview again. Similar-looking symbols can be different Unicode characters, so verify that you are testing the arrow you intend to use.
  2. Confirm that the font is installed. On Windows 11, check Settings › Personalization › Fonts. On macOS, open the Font Book app and look for the font. If you install it now, close and reopen the browser before testing again.
  3. Try the regular font style. A bold, italic, or decorative variant may not contain the same characters as the main font. Test the regular style first, then check the exact variant you plan to use.
  4. Use a font with the needed arrows. If an arrow remains missing or clashes with the surrounding letters, choose another installed font for that character or use a different arrow symbol that fits the meaning. Check the final result in the destination app, since it may handle font substitution differently.
  5. Check browser access. If the font list is empty or incomplete, try the page in an up-to-date version of Chrome or Edge on a computer. Installed Fonts relies on browser support for listing local fonts, which is limited in other browsers and on phones.

Why similar arrows can look different

Unicode assigns separate character values to many arrows. For example, → is U+2192, ↗ is U+2197, ⇒ is U+21D2, ➜ is U+279C, and ⟶ is U+27F6. A font can support one of these without supporting the others.

The character determines which arrow you use, while the font determines how its shape is drawn. If a decorative font does not contain a character, the operating system or application may borrow a glyph from another font. That fallback can make an arrow look like it belongs to a different typeface, even when you selected one font for the whole line.

For a final check, preview the exact arrow sequence in the same application and at the same text size you plan to use.