Vendor Nunito as a TTF so the device renders in the right face

Slint cannot read woff2, which is the only form web/public/fonts/ carries, and Raspbian
has no fonts-nunito to install instead - so the device was going to fall back to
DejaVu Sans, which is not what any of this was drawn in. The upstream variable TTF
(SIL OFL, weights 200-1000) is small enough to vendor and covers every weight the
design uses, including the 800/900 the headings lean on.

SLINT_DEFAULT_FONT takes one file and makes it the primary font. shell.nix now points
at this copy rather than at nixpkgs' own, so development and the device render from the
identical file, and the binary falls back to finding it beside the executable when
neither the dev shell nor the device's launcher has set the variable.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-20 22:45:37 +02:00
parent 6ccb3e458f
commit ec9d617ad8
4 changed files with 34 additions and 13 deletions

Binary file not shown.

View File

@@ -0,0 +1,9 @@
Nunito, the face the design is drawn in, as a variable TTF.
`web/public/fonts/` has the same family as woff2, which is right for a browser and
useless here: Slint cannot read woff2. This is the upstream variable TTF (weights
200-1000), which `SLINT_DEFAULT_FONT` is pointed at - by `shell.nix` for development,
and by the launcher `roles/pi_slint_frontend` installs on the device.
Nunito is licensed under the SIL Open Font License 1.1:
https://github.com/googlefonts/nunito

View File

@@ -33,12 +33,10 @@ pkgs.mkShell {
python3 python3
]; ];
# Nunito is the face the design is drawn in. The web front-end self-hosts it as # Nunito is the face the design is drawn in. `SLINT_DEFAULT_FONT` takes one file and
# woff2, which Slint cannot read, so the dev shell points Slint at the TTF instead # makes it the primary font. This points at the copy vendored in `fonts/` rather than
# (`SLINT_DEFAULT_FONT` takes one file and makes it the primary font). Without it # at nixpkgs, so development and the device render from the identical file.
# everything still renders, in whatever sans fontconfig hands back. SLINT_DEFAULT_FONT = toString ./fonts/Nunito.ttf;
SLINT_DEFAULT_FONT =
"${pkgs.nunito}/share/fonts/truetype/Nunito/Nunito[wght].ttf";
buildInputs = runtimeLibs ++ (with pkgs; [ buildInputs = runtimeLibs ++ (with pkgs; [
fontconfig fontconfig

View File

@@ -637,14 +637,28 @@ fn main() -> Result<(), Box<dyn std::error::Error>> {
.unwrap_or_else(|| api::DEFAULT_BASE_URL.to_string()); .unwrap_or_else(|| api::DEFAULT_BASE_URL.to_string());
println!("musicmouse-slint → {base}"); println!("musicmouse-slint → {base}");
// Nunito is the face the design is drawn in. Slint takes one file as the primary // Nunito is the face the design is drawn in, vendored as a TTF in `fonts/` because
// font through `SLINT_DEFAULT_FONT`; the dev shell sets it, and a deployment can // Slint cannot read the woff2 the web front-end self-hosts. Slint takes one file as
// drop the TTF next to the binary instead. Neither present just means the system // the primary font through `SLINT_DEFAULT_FONT`; the dev shell and the device's
// sans - a missing font should change how this looks, not whether it runs. // launcher both set it, and this is the fallback for running the binary directly.
// None of them finding it just means the system sans - a missing font should change
// how this looks, not whether it runs.
if std::env::var_os("SLINT_DEFAULT_FONT").is_none() { if std::env::var_os("SLINT_DEFAULT_FONT").is_none() {
let local = std::path::Path::new("fonts/Nunito.ttf"); let beside_exe = std::env::current_exe()
if local.exists() { .ok()
std::env::set_var("SLINT_DEFAULT_FONT", local); // target/release/<bin> -> the crate root
.and_then(|exe| Some(exe.parent()?.parent()?.parent()?.join("fonts/Nunito.ttf")));
for candidate in [
Some(std::path::PathBuf::from("fonts/Nunito.ttf")),
beside_exe,
]
.into_iter()
.flatten()
{
if candidate.exists() {
std::env::set_var("SLINT_DEFAULT_FONT", candidate);
break;
}
} }
} }