Microsoft designer saved file get distorted

soh judith 155 Reputation points
2026-06-03T10:23:41.3766667+00:00

I have several design files, and today when I open them in web browsers like Edge and Chrome, the content appears distorted.

All the fonts are missing and the text looks like barcodes or unreadable symbols. Could you help me troubleshoot and resolve this issue?

Microsoft 365 and Office | Other
0 comments No comments

1 answer

Sort by: Oldest
  1. AI answer

    2026-06-03T10:23:58.3066667+00:00

    The symptoms indicate a font/display issue rather than file corruption. Text showing as boxes, barcodes, or unreadable symbols typically means required fonts are missing or not being rendered correctly.

    Use these steps to troubleshoot:

    1. Check for missing fonts in Windows
    • Windows 10 and later move some fonts (especially language-specific fonts) into optional font packages. If a design used such fonts and they are not installed, text can show as boxes or strange symbols.
    • Install optional fonts as described in the article "How to install fonts that are missing after upgrading to Windows 10" (referenced from the missing-fonts article). This permanently adds those fonts back to the system.
    1. Verify behavior in other apps
    • Open another application (for example, WordPad or Word) and check the font dropdown.
    • If fonts used by the design are missing, they will not appear in the list, and text may show as boxes or unreadable characters.
    1. Confirm encoding when opening text-based exports If the design was exported to a text-based format (for example, HTML or another text file) and opened in Word or another Office app:
    • In Word, enable encoding selection:
      1. File → Options → Advanced.
      2. In the General section, select "Confirm file format conversion on open".
      3. Close and reopen the file.
      4. In the Convert File dialog, choose "Encoded Text".
      5. In the File Conversion dialog, select "Other encoding" and choose the correct encoding from the list.
    • If the preview shows only boxes or dots, the required font is not installed; install additional fonts as needed.
    1. Install additional fonts if needed
    • If almost all text appears as boxes or dots even after choosing the correct encoding, install additional fonts on Windows so the characters can be displayed.
    1. Check for general display issues
    • Blurry or distorted fonts in apps can also be caused by display issues (cables, monitor, or resolution). Ensure the monitor is correctly connected and the screen resolution is set appropriately.

    If, after installing the required fonts and confirming encoding, the text still appears as barcodes or unreadable symbols in all browsers, export or open the design on another machine where the fonts are known to be present to confirm whether the issue is specific to the current system.


    References:

    AI-generated content may be incorrect. Read our transparency notes for more information.

    Was this answer helpful?

Your answer

Answers can be marked as 'Accepted' by the question author and 'Recommended' by moderators, which helps users know the answer solved the author's problem.