Jopp-gh / Obsidian-Dune84

Obsidian theme
GNU General Public License v2.0
29 stars 1 forks source link

Missing icons/characters, fonts not working. #18

Closed ouyama-sa closed 3 weeks ago

ouyama-sa commented 3 weeks ago

Hello, I just installed this theme on Obsidian v1.5.12 on Arch Linux. And I noticed that some characters, that I assume are icons, are missing in the style settings. I also tried changing the typesets and none of them seemed to work.

image

This is after selecting the "Poetry" preset: image

I am pretty sure this problem comes from my OS, I don't know exacly but it seems like the default fonts have extra symbols not present in the open fonts used by Arch natively. It would be appreciated if you could provide font requirements to render the theme correctly so I can install them externally.

Thanks for the attention, I will provide any information requested. Great theme BTW.

Jopp-gh commented 3 weeks ago

thanks for your feedback.

Recently I switched from Mac to Linux Mint Cin. (21.3) and got almost all icons working, then after an update all icons worked! but after yet another update of Mint, some icons are missing again (the "Colors" icon in my case - but you miss Fonts, Pictures and Colors). Well, "Icons" is not really accurate as I did pick from math symbols, so I'm really wondering why these symbols aren't universally available on all platforms!

Since this issue is Linux-related, there are 2 choices:

A little but annoying problem! I need to indagate this issue.

Jopp-gh commented 3 weeks ago

Well, a quick check and I replaced the placeholder symbols with more common fonts. I didn't want to upload a new update of Dune this soon because there are 2 more minor bugs to fix. So check out my quick update down below. Here's a preview of this update: Dune newPrefIcons

Please let me know if you can visualize these new symbols. Here is your update: theme.css.txt

Dont forget to remove the ".txt" suffix from theme.css.txt (Github doesn't allow css files) and put this theme.css where your Dune theme folder is.

ouyama-sa commented 3 weeks ago

Hello,

Thanks for the fast reply, unfortunately it did not work: image

The problem with "font icons" or character icons is that they vary from font to font (i.e. a "trash" character in one font becomes a "football" character in another), except if they are group under I family, I suppose. For exemple, many terminal emulators' customizations recommend using a "nerd font" since they try to maintain some kind of consistency between them...

But then, just for testing purposes, I tried changing my interface font from cantarell to OpenSans (Arial is working too) which is the default I think, it is not as modern but then it resolve some of the missing characters:

image (Don't mind the messed up graph view, that's a problem with the Obsidian implementation, not the theme.)

Then I choose whatever font that didn't stick out too much from your well designed theme (namely, Liberation Sans), and just went to the GNOME character map (gucharmap) to choose the icon replacements:

ǂ Fonts: Latin Letter Alveolar Click (U+01C2), which I suppose is more universal since it's latin script used in IPA. ⊚ Pictures: Circled Ring Operator (U+229A), is a math symbol, probably for formal logic I don't really know, but it looks like a camera shutter so I thought it fit. ⊷ Colors: Image Of (U+22B7), another math symbol that I don't understand the meaning of, but it looks like a little ball changing color. ⋊ Show ui elements: Right Normal Factor Semidirect Product (U+22CA), I did not even try to understand this one. Alas, It looks like to hidden objects coming into view so I thought it seemed nice. ‽ Interrobang (U+203D), doubts? Here's what to do!

In the end this is what I've done with liberation sans (although it should work for most fonts):

image

Here's the modified theme, so that you can use in future updates if you'd like. theme.css.txt

I don't know all the reocurrences of the characters you used, so it is to be expected to still not function on some submenus. I also did not try the poetry preset, but that's on me because I did not really understand how to use it.

I am available if you need more information. Thank you for your time.

ouyama-sa commented 3 weeks ago

I am now closing the issue, since the problem I pointed was resolved by your orientation to change the characters directly on the CSS file. I also think this problem could be resolved by importing custom SVGs where the character icons would be, since SVGs are universal, font Awesome and Lucide have free ones, for what I know. Thank you again.

Jopp-gh commented 3 weeks ago

Originally I had an alpha for fonts, a star for pictures (condensed light) a greater than sign with multiple triangles (split light). This, to orient users quickly to select the right option.

Pity if Linux doesn't support all math fonts. (I tried to pick simpler one's - probably we really will need nerd fonts)

I tried several alternatives before uploading, unfortunately I can't test all platforms and need to ask online how I should deal with compatible fonts for linux. If icons don't work they defeat the purpose for which they've been added.

Css isn't the issue but the limits of "Style Settings". Will see if I can find another solution. Not to say that I don't like your replacement symbols (thanks for sharing btw!) however I'd prefer to keep symbols closer to my original idea.

Jopp-gh commented 3 weeks ago

I forgot to tell you how to enable poetry.

Sometimes "Style setting" / Obsidian is unable to load custom fonts, so you need to refresh fonts manually.

Here is the troubleshooting guide: https://github.com/Jopp-gh/Obsidian-Dune84/blob/main/Wiki/Troubleshooting.md#problems-with-fonts

Dune ships with 2 Fonts, as described here: https://github.com/Jopp-gh/Obsidian-Dune84?tab=readme-ov-file#resources

Probably I won't rework my wiki, if not for big mistakes. My theme is basically done, no further features will be added. Enjoy Dune :)