@botswana you might be able to use a customized css to set different font size based on screen resolution.
on another system I use
:root{
--scale-factor: 1; /* set default scaling in case we have partial window, debug or in vm terminal window */
}
@media screen and (width:1920px) and (orientation: landscape) {
:root{
--scale-factor: 1920/1920;
};
}
@media screen and (width:3840px) and (orientation: landscape) {
:root{
--scale-factor: 3840/1920;
};
}
@media screen and (width:1080px) {
:root{
--scale-factor: 1920/1920;
};
}
and then an example use
h1 {
font-size: calc( 120px * var(--scale-factor));
}
the 120px could be a variable too…
magicmirror sets these variables. maybe you can scale them by screen resolution and not have to mod everything… BUT many modules don’t use the predefined css styles
:root {
--color-text: #999;
--color-text-dimmed: #666;
--color-text-bright: #fff;
--color-background: #000;
--font-primary: "Roboto Condensed";
--font-secondary: "Roboto";
--font-size: 20px;
--font-size-xsmall: 0.75rem;
--font-size-small: 1rem;
--font-size-medium: 1.5rem;
--font-size-large: 3.25rem;
--font-size-xlarge: 3.75rem;
--gap-body-top: 60px;
--gap-body-right: 60px;
--gap-body-bottom: 60px;
--gap-body-left: 60px;
--gap-modules: 30px;
}
and maybe css transform:scale()
https://caniuse.com/css-zoom
