what I inserted in my custom.css
:root {
--font-primary: "SF-Compact";
--font-secondary: "SF-Pro";
}
@font-face {
font-family: "SF-Compact";
font-style: normal;
src:
local("SF-Compact"),
url("/fonts/SF-Compact.ttf") format("truetype");
}
@font-face {
font-family: "SF-Pro";
font-style: normal;
src:
local("SF-Pro"),
url("/fonts/SF-Pro.ttf") format("truetype");
}
both files I extracted from my Mac and copied it to ~/MagicMirror/fonts
