Make space width / space usage in front of units consistent

Anon_0000 · January 4, 2025, 2:52am

Correct. Well, I did change it in gnome tweaks tool, but that does change gsettings under the hood.

Apparently, yes. For some reason my debian oldstable has a font named “System-ui” but it appearently is just a dummy and not a real font. fontconfig then substitutes the font with what it thinks might be fitting best: That Vera font (for future reference: the command FC_DEBUG=4 anki is helpful to debug font stuff).

I did think about creating a dummy font myself, naming it “system-ui”, installing it in debian sid (development version) and see if I can reproduce the anki issue there, too. But didn’t look into that yet.

Yes, oldstable is debian 11 bullseye.

As a matter of fact, that’s exactly what happend! Nice catch! I verified using fc-match -s "System-ui" in debian sid and fontconfig now thinks the best font is NotoSans-Regular.ttf: "Noto Sans" "Regular".

I couldn’t get “Noto Sans” font to work with fontconfig yet, though. It really likes the Vera one…

Nevertheless, I think you proofed that this is a font issue in oldstable. Thanks!

rossgb · January 4, 2025, 3:08am

I tried playing with a Debian 11 VM and couldn’t get fontconfig to play nice either.

I know I was putting config files in the correct place because fc-match would give me an error message if I had a typo.

It apparently just decided “No. I don’t respect your opinion. My font choice is better”

Anon_0000 · January 4, 2025, 3:43am

Same here.

Maybe symlinking the noto font with the vera font and vice versa could fool fontconfig.

But considering debian changed it’s default font in a future release (after oldstable) and there are a lot of distros (like ubuntu) which are based on debian and thus will likely have the change as well, I don’t really fell like investigating this further.

As long as the problem is fixed and not on ankis side, that is. And that does seem to be the case.

matta · January 6, 2025, 8:07am

Many languages have their own rules about punctuation, spaces before and after that punctuation, and indeed what to use as a symbol for punctuation.

Check that for each language you are using, before you start crafting content.

Anon_0000 · January 6, 2025, 8:18am

That’s probably too much to ask for. Localization functions should handle it instead, which is what rossgb opted to do:

The second commit fully hands off the formatting to Intl.NumberFormat to make sure the percentage sign is handled correctly for different languages.

See this:

github.com/ankitects/anki

Tweak how the True Retention stats table displays numbers

ankitects:main ← rbrownwsws:pretty-tr-table-tweaks

opened 01:53AM - 28 Dec 24 UTC

rbrownwsws

+15 -5

- Always show fractional parts of numbers even if they are 0 (91.0% not 91%). … > This makes the numbers line up nicer across rows. - Show "N/A" for percentages instead of 0% when there are 0 total reviews. > I feel showing 0% in this case can be a bit misleading. > > e.g. > You have not reviewed any mature cards today. > You look at the "all" table and see it shows 0% for mature today. > You might assume that you saw mature cards but failed all of them. <table> <thead> <tr> <th>Before</th> <th>After</th> </tf> </thead> <tbody> <tr> <td> <img src="https://github.com/user-attachments/assets/feb03329-8a0d-4132-a985-d4495bd10448" /> </td> <td> <img src="https://github.com/user-attachments/assets/24e678c8-144f-4b13-9bb0-5b5a2f3359ab" /> </td> </tr> </tbody> </table>

Anon_0000 · January 6, 2025, 1:04pm

I know I said I wouldn’t investigate further, but here I am…

Debian sid has a System-ui font too. I have to remove the --bs-font-sans-serif property inherited from html :root, [data-bs-theme=light] in the stats screen or else the font won’t be applied correctly.

This is the view with a strange system font set but the css property in stats unchanged:

You can see in the buttons and the title that some things are applied. It’s also obvious that most text is not applied.

Here is the view with strange system font set and the css property disabled:

Does this really work with other operating systems? If even the latest debian sid (debian sid is not stable, it is the development version) has this problem, then I expect the debian derivatives (which are a lot) to have the same issue as well.

Also: if I set system-ui as the font in templates, it does in fact not use the weird font I chose:

And since my system has a System-ui font I tried that one as well. It is different than the system-ui font:

But none of them apply that weird font I actually set (that you can see in the user interface). If I do comment out the only mention of font-family in my card template, it is applied there as well:

So… does that mean system-ui doesn’t do what it’s supposed to do? Can anyone of you maybe check on another operating system if system font is actually applied for you (maybe @Danika_Dakika or @rossgb if available)?

Other things I want to mention:

Dark vs. Light Theme makes no difference.
The following do not adjust to my system font:
A) The stats screen.
B) The deck options screen.
C) The import screen.
The following do adjust to my system font:
A) Settings screen.
B) Deck overview screen.
C) Screen that appears if you click on a deck in deck overview.
D) The about screen.
E) The export screen.
F) Deck browser (well, mostly. The buttons “fields…”, “cards…” and “preview…” do not change and the field description doesn’t change either. The contents of the fields doesn’t change but that is expected due to the fact that they are hardcoded when you create a field).
G) The addon screen.
H) The edit note types screen, including its reorder fields screen (where the font can be set, field can be set as search field ect).
I) The change profile screen.

rossgb · January 6, 2025, 1:33pm

It’s not really a fair comparison because there is no official way to change the system UI font on Windows 11 any more (you have to do registry hacking).

Here is me doing it anyway in a VM for science:

N.B. The “default CSS” font (used in the deck browser) is actually hard-coded for Windows and MacOS.

The MacOS one isn’t even the actual default system UI font any more.

The “other OS” branch just inherits the font used in the parent Qt widget (self.font().family())

See here:

github.com

ankitects/anki/blob/f1a5808d83e809b41d1299d2245ca9f8a7ddb5b7/qt/aqt/webview.py#L495-L547


      
              def standard_css(self) -> str:
                  color_hl = theme_manager.var(colors.BORDER_FOCUS)
          
                  if is_win:
                      # T: include a font for your language on Windows, eg: "Segoe UI", "MS Mincho"
                      family = tr.qt_misc_segoe_ui()
                      button_style = f"""
          button {{ font-family: {family}; }}
                      """
                      font = f"font-family:{family};"
                  elif is_mac:
                      family = "Helvetica"
                      font = f'font-family:"{family}";'
                      button_style = """
          button {
              --canvas: #fff;
              -webkit-appearance: none;
              background: var(--canvas);
              border-radius: var(--border-radius);
              padding: 3px 12px;

This file has been truncated. show original

Anon_0000 · January 6, 2025, 1:41pm

This is what happens e.g. in the deck overview, which works fine. E.g. it might give font-family: "Cantarell", sans-serif which is always correct, even if I change the font on my system (the “Cantarell” part changes).

But in the screens that misbehave that html font family from above is overwritten in body by

system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"

That is a bug then, isn’t it?

Is there a reason why? Or is this because of the lack of font changing capabilities within the OS?

rossgb · January 6, 2025, 2:18pm

Anon_0000:

But in the screens that misbehave that html font family from above is overwritten in body by
system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
That is a bug then, isn’t it?

I’m still hesitant to call it an Anki bug.

I think it is technically a better value for font-family as it gives more reliable fallbacks. It should probably be used on the deck browser screen etc. too.

I think it is just an unfortunate outcome of Linux having multiple different ways to set the default font.
e.g. If you installed KDE on your debian machine it probably will not care about gsettings. It might also use fontconfig.

If we really wanted to force it to work how you expect we could prepend self.font().family() to the bootstrap font list in python, but I’m not really a fan of that.

From a quick search Windows stopped letting you change the system font with Windows 8. They have used Segoe UI as the default since Windows Vista.

It looks like modern MacOS also does not let you change the system font (I don’t know if older versions allowed it). MacOS has used a few fonts over the years. They used Helvetica Neue back in Yosemite (10.10) but they have been using variants of San Francisco for a while now.

With Linux/BSD/??? who knows what the default will be. It entirely depends on the distro.

Topic		Replies	Views
Anki mangling whitespaces in "Enter /edit deck name" input & inconsistent deck name rendering Help	3	1081	May 1, 2023
Display single space between list items in answer/question browser field Suggestions	0	435	September 13, 2023
Need to add two spaces in the Anki Editor to get Anki to show just one on my template Help	2	495	August 24, 2023
Headache with cards adding unwanted spaces after words and not showing spaces added in the editor Help	2	373	May 1, 2023
Answer shows incorrect error (indicating need for extra space) Help	5	418	May 1, 2023

Make space width / space usage in front of units consistent

Other things I want to mention:

Related topics