Userstyles.css error with Source family fonts

Support
1

Operating system

Windows

Joplin version

3.6.14

Desktop version info

Joplin 3.6.14 (prod, win32)

Dispositivo: win32, Intel(R) Core(TM) i5-2400 CPU @ 3.10GHz
ID do cliente: 3cbbbc1d22dc47129a3f98de3fcf7684
Versão Sync: 3
Versão do Perfil: 49
Keychain Suportada: Sim
ID da instância alternativa: -
Sync target: Dropbox
Editor: Markdown

Revisão: 7e2765a

Backup: 1.5.1
Freehand Drawing: 4.3.0

Sync target

Dropbox

Editor

Markdown Editor

What issue do you have?

I have a custom style sheet for the rendered markdown, it is very simple and I only change a few things, like the font family. The issue is that, recently, the app is failing to render specifically the Source Sans 3 font, which is the one I want to use.

Even more, when I put Source Sans 3 as the first option in the style sheet, with other fonts as alternatives after it in the code, the app overlooks all the other options and goes straight to the sans-serif fallback font.

I am certain that Source Sans 3 is installed in my device, and my code is as follows:

body {
font-family: Source Sans 3, Calibri, Roboto, Liberation Sans, Arial Nova, Arial, sans-serif;
font-size: 12pt;
font-variant-numeric: tabular-nums;
text-align: justify;
color: black;
}

When I test with other fonts, everything works fine. It is a problem specifically with Source Sans 3, for some reason.

2

Not sure if this is the actual culprit, but your CSS is incorrect. Font names are supposed to be quoted, i.e.

font-family: "Source Sans 3", "Calibri", "Roboto", "Liberation Sans", "Arial Nova", "Arial", sans-serif;
3

Thank you very much, that was the issue. I've always written without quotes for some reason, and it always worked nonetheless.

4

Right. You don't need quotes surrounding the one-word families. And hence, you were seeing a partial success of your list.