Small cosmetic bug in moOde 9.0.4/5 and Windows browsers

[cirrower]

Hi,

I've found a small cosmetic bug in moOde 9.0.4/5 when accessing the configuration options in some Windows 11 browsers, the titles don't show the expected fonts:

Here is a 9.0.3 screenshot, with sans-serif titles:

   

and this is a 9.0.4/5 screenshot, with serif titles:

   

I've been able to test this behaviour in Chrome, Edge, Opera, Brave and DuckDuckGo browsers.

Thanks.

Regards.
Joaquín.

[Tim Curtis]

Odd.

In Chrome try inspecting a serif screen title and then in the DevTools window click the "Computed" tab, click to expand the font-family and post a screen shot. It will look similar to below.

   

[cirrower]

Odd.

In Chrome try inspecting a serif screen title and then in the DevTools window click the "Computed" tab, click to expand the font-family and post a screen shot. It will look similar to below.

I hope this is what you need:

   

The font-family is correct, but the redendered font is Times New Roman.

I've played a little bit with the styles and I've found that if I change the "h1, legend" font-weight from 200 to 400:

   

then the rendered font is Lato, and everything now looks right, I don't really know why. It seems that the Lato weight 200 font can't be found:

         

Best.

[Tim Curtis]

Thats strange.

In the inspector for h1, legend specify the following and see if it renders the thin font correctly

font-weight: 300;
font-family: Lato;

[cirrower]

Thats strange.

In the inspector for h1, legend specify the following and see if it renders the thin font correctly

font-weight: 300;
font-family: Lato;

No way, it needs to be at least 400 to render correctly.

I've been able to isolate the problem by comparing a 9.0.3 installation with a 9.0.5 installation.
In 9.0.5 installation there is a new font file Lato-Thin.ttf which seems to be related.

If you remove this style from styles.min.css:

Code:

@font-face{font-family:Lato;font-style:normal;font-weight:300;src:local("Lato Thin"),local("Lato-Thin")}

the Lato font renders correctly.

Best

[DRONE7]

and I thought it was an upgrade :-)

Been loving the serif font ! (can we make it an option ?)  

[Tim Curtis]

lol, I'll investigate.

[Tim Curtis]

Looks like a bad @font-face definition for "Lato Thin" among other things.

I'll post a patch for testing later today.

[Tim Curtis]

Here are some updated .min files to try

Code:

# Save original files
sudo cp /var/www/css/main.min.css /home/pi/
sudo cp /var/www/css/styles.min.css /home/pi/

# Install updated files
sudo wget -q https://moodeaudio.org/test/main.min.css -O /var/www/css/main.min.css
sudo wget -q https://moodeaudio.org/test/styles.min.css -O /var/www/css/styles.min.css

Let me know if this fixes the issue.

[Tim Curtis]

Here are some updated .min files to try

Code:

# Save original files
sudo cp /var/www/css/main.min.css /home/pi/
sudo cp /var/www/css/styles.min.css /home/pi/

# Install updated files
sudo wget -q https://moodeaudio.org/test/main.min.css -O /var/www/css/main.min.css
sudo wget -q https://moodeaudio.org/test/styles.min.css -O /var/www/css/styles.min.css

Let me know if this fixes the issue.

I just noticed an issue testing w/Firefox. New files uploaded.