Fonts not displaying

[ronilaukkarinen]

I have set my Obsidian Text font to Inter. It seems sharing feature has no fallback if custom font is set. Can you set it as system-ui somehow? Now it seems to revert to Times or similar.

[alangrainger]

Did you follow the steps in the troubleshooting link in the Issue creation screen?

https://docs.note.sx/Troubleshooting#force-a-full-re-upload-of-all-note-data

You can use any custom font you like, you most likely didn't re-upload your CSS (it's in the steps above) or it's a caching issue of your new CSS not showing in your browser (also in the link above)

[ronilaukkarinen]

Yes I did follow the steps. Here is an example note: https://share.note.sx/rflluu49#e6+nFhQ5yKNHhcf7LKNp8msHUuL9PoU2S8fFRIybbDU

[alangrainger]

Are you using a custom theme? I am using the default theme, and this is what is set as fallback for <p>:

You can check the shared note here:

https://share.note.sx/nv523t5v#oO8g9TkniYxyRY+Z7FS4cqOlGOGzBcVcKQYs2c43kVk

If you're using a custom theme or custom CSS, those fallback options need to be specific in there.

However I realised thanks to your issue that default fonts aren't uploaded since they aren't part of the theme. I might see if I can upload the Obsidian set font also.

[ronilaukkarinen]

I'm using the default theme with obsidian-minimal-settings, some CSS variables changed in snippets (no fonts though) and that's it.

However I realised thanks to your issue that default fonts aren't uploaded since they aren't part of the theme. I might see if I can upload the Obsidian set font also.

Yes, I have only set my fonts via Obsidian Core settings, Text is set as Inter. That's it. I think there is no way to set fallback fonts there? So what do you suggest I'll try?

I think you can reproduce this like this:

1. Go to Appearance > Font > Text Font > Manage
2. Change to some font you have downloaded from Internet, any font that is not a system font
3. Try sharing a link

For me it seems to have font-family: Inter (I've set the Text Font as Inter) so the browser falls back to Times... or somethin like that. In the example my monospace font shows because it is installed on my system.

[alangrainger]

I think you can reproduce this like this

That's exactly how I shared the last note, those exact 3 steps.

So maybe you can try in a Sandbox vault? You can see that my default Obsidian installation does send a fallback font option.

What OS are you using?

[ronilaukkarinen]

In the test vault it works.
https://share.note.sx/jc96ufqn#VhDhR0pjnjZ2LZU6s4OV9fF/PIB7uvmgmutc9J5JcYE
https://share.note.sx/smexzdmr#lem43ebnhyaj/Iiz0oyiuQJRS/aNZut4fnXUGy7NGCI

I'm using macOS, Linux, Windows and iPhone but the behaviour seems to be the same.
It's very strange because the font settings are correct in the test vault share page and my actual vault share page... I have no idea where that Times font comes from. The h1 is font-family: var(--h1-font); and --h1-font is inherit, the .markdown-preview-section has fallback fonts exactly like it should. I don't get it. Have to look at it further...

[ronilaukkarinen]

I figured it out. I have multiple fonts set up. If the font contains spaces, it breaks it and reverts to browser default.

If I set Inter, Alliance No 2, SN Pro, it doesn't work. The setting prints out it like this to the shared page:

--font-text-override: Inter, Alliance No .2, SN Pro;

If I only set Inter, it works:

--font-text-override: Inter;

https://share.note.sx/1zd49xzt#vGmIa7o+ZgmyQHmM8eOuh/ug8eP7eQvgQxoMlKoMdUs

[alangrainger]

Based on your syntax highlighting here, it might actually be the font with the dot . in it:

--font-text-override: Inter, Alliance No .2, SN Pro;

If you open up the Developer console in Obsidian and look at the CSS for those elements, does Obsidian quote the font strings? I'm getting the CSS directly from Obsidian's DOM, so it should be an exact replica. However I'm not sure why Obsidian can correctly display the unquoted fonts.

[ronilaukkarinen]

My examples were directly from devtools. So no, Obsidian doesn't quote fonts. That is seemingly the culprit here.