Small cosmetic bug in moOde 9.0.4/5 and Windows browsers

[cirrower]

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.

I'm afraid the Lato font is still not rendering correctly, at least now the font it's a sans serif font, but a local font Arial, not Lato:

   

[Tim Curtis]

What Browser and OS?

[grumbleweed]

Is it the browser blocking a ttf font?

I manually added the light and thin woff files to var/www/fonts and set them for 200 and 300 weights in flat-ui.css, but think 400 in the regular looks better.

edit: I also removed the font-face addition in moode.css

[cirrower]

What Browser and OS?

Windows 11 and the browsers I've tried are Chrome, Edge, Opera and Brave, all of them Chromium-based browsers, and Firefox, not Chromium, which also renders the titles font as Arial.

[Tim Curtis]

Is it the browser blocking a ttf font?

I manually added the light and thin woff files to var/www/fonts and set them for 200 and 300 weights in flat-ui.css, but think 400 in the regular looks better.

edit: I also removed the font-face addition in moode.css

Yes, that font-face definition is broken.

Where did you get the woff files?

[grumbleweed]

Yes, that font-face definition is broken.

Where did you get the woff files?

https://www.latofonts.com/lato-free-fonts/

[Tim Curtis]

Ok, thx. I was using the Google fonts package which has only ttf files.

I'll test the webfonts and associated font-face definitions

Code:

/* Webfont: Lato-Light */@font-face {
   font-family: 'LatoWebLight';
   src: url('fonts/Lato-Light.eot'); /* IE9 Compat Modes */
   src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
        url('fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
        url('fonts/Lato-Light.ttf') format('truetype');
   font-style: normal;
   font-weight: normal;
   text-rendering: optimizeLegibility;
}

There are also some old font-family: defs in the css code and some svg files that need to be updated.

[Tim Curtis]

Here's the "font fixup" commit.
https://github.com/moode-player/moode/co...ca4ac5d4fc