the HUDs that don't have this problem end up blocking too much of the screen
Background boxes usually take a lot of space for a reason, which is to accommodate all possible in-game values. In your mockup, the health and uber boxes barely fit three digits starting with a 1; they certainly won't fit anything with three standard-width digits.
This is an even bigger issue with ammo, as syringe guns have 40 clip ammo and 150 reserve ammo; two large characters and two-and-a-half small characters, and even more if you consider MvM (I personally don't).
You have a handful of options here:
- forgo compatibility and stick to smaller boxes
- use a narrow-enough typeface to suit your needs
- use outlines or shadows to enhance readability instead of backgrounds
- integrate an aesthetic that allows your values to exceed the boxes' boundaries (see: default HUD)
Your typeface here is, ultimately, personal preference, but I would raise a concern about legibility; the 3, 6, and 9 glyphs are all very similar to the 8 glyph in terms of x-height and apertures, and could easily be misidentified at small sizes/resolutions and/or in your peripheral vision.
While we're at it, your scoreboard is also problematic. The player names, scores, streaks, and pings, along with their associated labels, have a fixed color which cannot be changed; same with any non-zero stats (although this may be a bug). In addition, your stats panel is incredibly difficult to read, although it should be better with realistic values.
If you'd like, I can make this HUD for you.