Tailwindcss: Font weight does not display correctly on Linux

[khanhhuy]

Reproduction link: https://tailwindcss.com/docs/font-weight/#app

OS (both are booted from a fresh USB iso):

• Ubuntu 19.10
• Linux MX 19

Browser:

• Chromium: Version 79.0.3945.117
• Firefox: 72.0.1

[vricop]

Reproduction link: https://tailwindcss.com/docs/font-weight/#app

OS (both are booted from a fresh USB iso):

* Ubuntu 19.10

* Linux MX 19

Browser:

* Chromium: Version 79.0.3945.117

* Firefox: 72.0.1

What fonts are you loading? Make sure that font has those font families or the browser will pick the closest weight. ¿Is that Liberation sans?

If that font comes only with regular and bold what you see is normal.

[khanhhuy]

Hi Víctor,

Thank you for your reply, I just checked and the rendered font is Liberation sans.

So I guess the tailwind website doesn't provide its own font (e.g. from Google fonts) but it depends on the installed fonts on the system right?

[vricop]

Hi Víctor,

Thank you for your reply, I just checked and the rendered font is Liberation sans.

So I guess the tailwind website doesn't provide its own font (e.g. from Google fonts) but it depends on the installed fonts on the system right?

Liberation sans only has regular and bold (besides italics)

No, Tailwind doesn't include fonts. Inter font can be downloaded here. Hope that helps.