Is your feature request related to a problem?
On macOS font rendering is not as sharp as it could be.
Describe the solution you'd like
Replace current Merriweathersans font family with Inter and set -webkit-font-smoothing: antialiased; and -moz-osx-font-smoothing: grayscale; for smoother font rendering on macOS.
Describe alternatives you've considered
As Inter is pretty close to Arial and San Francisco font in macOS I've also thought of setting system-ui as the default font-family of the application.
There are both positive and negative things about using system-ui.
Positive: The main advantage to this could be a slight performance improvement and FOUT avoidance (no need of font-display), also this means a reduced dependency in terms of assets (by removing the custom typeface) and implicitly a reduced overall weight of the project.
Negative(and the reason I ended up proposing Inter): The default font will be different from one platform to another (macOS and iOS: San Francisco, Android and ChromeOS: Roboto, Windows: Segoe UI) so there will be a lot of inconsitencies cross platform.
The advantage of using Inter is that it also comes as a variable font (variable fonts support) so there can be only one file for all font weights and styles.
Additional context
Refresh the overall look of the application.
Is your feature request related to a problem? On macOS font rendering is not as sharp as it could be.
Describe the solution you'd like Replace current Merriweathersans font family with Inter and set
-webkit-font-smoothing: antialiased;
and-moz-osx-font-smoothing: grayscale;
for smoother font rendering on macOS.Describe alternatives you've considered As Inter is pretty close to Arial and San Francisco font in macOS I've also thought of setting
system-ui
as the default font-family of the application.There are both positive and negative things about using
system-ui
.The advantage of using Inter is that it also comes as a variable font (variable fonts support) so there can be only one file for all font weights and styles.
Additional context Refresh the overall look of the application.