font family utility classes don't use css variables

[gobijan]

The built bulma.css file doesn't make use of the font family variables:

This is the code in question:

:root {
  ...
  --bulma-family-primary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-secondary: Inter, SF Pro, Segoe UI, Roboto, Oxygen, Ubuntu, Helvetica Neue, Helvetica, Arial, sans-serif;
  --bulma-family-code: Inconsolata, Hack, SF Mono, Roboto Mono, Source Code Pro, Ubuntu Mono, monospace;
  ...
}

.is-family-primary {
  font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: "Inter", "SF Pro", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: "Inconsolata", "Hack", "SF Mono", "Roboto Mono", "Source Code Pro", "Ubuntu Mono", monospace !important;
}

.is-family-code {
  font-family: "Inconsolata", "Hack", "SF Mono", "Roboto Mono", "Source Code Pro", "Ubuntu Mono", monospace !important;
}

The utility classes should use the css variables.

[Rosepetal2022]

Is this issue still open? I can work on this.

[jgeysens]

still seems to be an issue

[devcomputer]

This problem is known at least since 2018. Bulma webpage doesnt even have a page about Font Families that talks about font families. Only the useless typo helperpage where you are being educated about fontsizes....but NOTHING, absolutely nothing about how to remove the ugly fonts that the devs chose for bulma.

in bulma min file there are plenty of lines about fonts like "Inter" and "SF" and none of the dev bets an eye ...since at least 2018. Really, Inter and SF? eyecancer

I'd by now rather use ANY framework but bulma. https://alternativeto.net/software/bulma/