Font rendering issues at small font sizes
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 44.7k
- Forks
- 3.6k
- Avg merge
- 21m
- Merged PRs (30d)
- 1
Description
- I am on the latest Hyper.app version
- I have searched the issues of this repo and believe that this is not a duplicate
- OS version and name: Windows 10 (1709, build 16299.371)
- Hyper.app version: 2.0.0
- Link of a Gist with the contents of your .hyper.js: https://gist.github.com/notlmn/1e020286d94720c253be63c997e1b05a
- Relevant information from devtools: N/A
- The issue is reproducible in vanilla Hyper.app: Applicable
Issue
Some of the characters in the terminal are being clipped towards the right end. This happens at lower font sizes and not if you increase the font size. Look at the characters @, %, and &.
- Consolas at 20px

- Consolas at 18px

- Consolas at 16px

Although, this issue only arises for some fonts. For example, Inconsolata at 16px looks fine.
- Inconsolata at 16px

For comparison, VSCode has no problem rendering Consolas at smaller font sizes.
-
VSCode Consolas 16px

-
VSCode Consolas 18px

I don't think it is an issue with bold font, because the @ character in the prompt is not bold. Can't test all characters on normal font weight because setting fontWeightBold: 'normal' doesn't work, anyway that's another issue.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the clipping in Hyper.app on Windows 10 with Consolas at 16–18px, comparing it with Inconsolata and the supplied .hyper.js Gist. The issue names no source files or tests, so trace the terminal font-rendering entry point; done means affected characters render without clipping at small sizes while existing font behavior remains intact.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- desktop, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100