Font too bold on web interface
-
I am using DayOne via web interface in Chrome on Linux. I see that, according to the styles, the default font is Inter, which I have and which displays correctly on other pages. However, on DayOne, the font in all places looks like its weight was set to bold. The culprit seems to be this rule:
@font-face {
font-family: Inter;
font-weight: 100 900;
src: local(Inter), url(/assets/fonts/Inter-VariableFont_slnt,wght.ttf) format(“truetype”);
}What can I do to change the font appearance? Since literally everything on the DayOne web interface appears bold, it is quite unpleasant to work with it.
Thanks a lot in advance. -
Thanks for including the exact font-face rule you found; that’s really helpful.
However, the font on my end does not appear bold. I see the regular font in the web app.
Since Inter is a variable font, the browser needs to know which weight to use from that range, and on your setup it looks like it’s landing on the heaviest weight instead of the regular one.
There isn’t a setting in Day One that controls this, so there isn’t anything you can change from your side to fix it right now. To investigate further, please contact our support team at https://dayone.me/support.
In the meantime, if you want to reduce the boldness while browsing, a browser extension that lets you force a specific font weight (some reader-mode or font-override extensions do this) could help temporarily, though that’s outside of Day One itself.
