immich
immich copied to clipboard
immich-app
chore(web): font changes and refinement
Overpass font has the limitation of a font height mismatch when used with a logo, which causes an unpleasant look. The font is also on the thin side, and some users complain about its readability.
The new font is "Be Vietnam Pro" which has characteristics similar to those of Google Sans fonts. It is easier to read, and the characters are displayed clearly.
The new font also has a softer touch to the interface, while Overpass font has a more technical, rigid feel
Some screenshots of the new fonts
Server info
| Immich | the other app |
|---|---|
Job card
Info panel
| Immich | the other app |
|---|---|
Album cards
Usage with logo
| Immich | the other app |
|---|---|
Deploying immich with 
Cloudflare Pages
| Latest commit: |
d515e24
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://48bdd40c.immich.pages.dev |
| Branch Preview URL: | https://feat-web-font-refine-ment.immich.pages.dev |
![cloudflare-workers-and-pages[bot] avatar](https://avatars.githubusercontent.com/in/85455?v=4 "Published by a pub.dev verified publisher"){kind=small}
I don't know if I love the font, but the spacing definitely is better.
Fair, I have been trying with the font on my instance for a few months. I think it is a bit wide, but overall, maybe the best option after Overpass tne the previous font
I agree this is much better than the original font. Much easier to read, less awkward, and is "friendlier." The round, single-storey "a" is usually a good indicator of the font author's intent to soften things up. What's your pool? Google Fonts?
Fonts are just one of those things that get into the realm of subjective real quick. I think this one is objectively better in every way than previous. Is it THE best choice? Maybe not (again, probably subjective). I'm not sure it's worth your time to beat the bushes for an even better choice at this point. Maybe it's something you revisit down the road when more of your wish list is accomplished. (Though I'm sure this sort of update can be a nice change of pace over staring at lines of code.)
I think this one is a fine choice, even if it doesn't end up being a permanent one.
Apologies for rambling. I'm writing this on my phone at 4am and letting my insomnia win. 😄 I'm glad to look at this closer if you feel it's warranted. Let me know how I can help.
@Tyree Thank you for the input, and no worry about the rambling at all 😄 My pool right now is Google Fonts, but I am open to look elsewhere that can be used for the app
I like the original Overpass font bit more at the first impression, but I give a chance to the new one. However the new font is quite wide, therefore if it's really used album name font size should be a bit smaller.
Theme template to test it...
@import url('https://fonts.cdnfonts.com/css/be-vietnam-pro');
body {
font-family: 'Be Vietnam Pro', sans-serif;
}
The original idea for this PR is to fix the issue with the default font height of Overpass, it has been addressed in #8458. Closing this PR