Thank you for your donation!


Cloudsmith graciously provides open-source package management and distribution for our project.


Small cosmetic bug in moOde 9.0.4/5 and Windows browsers
#11
(07-29-2024, 10:20 PM)Tim Curtis Wrote:
(07-29-2024, 05:53 PM)Tim Curtis Wrote: 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:

   
Reply
#12
What Browser and OS?
Enjoy the Music!
moodeaudio.org | Mastodon Feed | GitHub
Reply
#13
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. Smile

edit: I also removed the font-face addition in moode.css
Reply
#14
(07-30-2024, 10:48 AM)Tim Curtis Wrote: 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.
Reply
#15
(07-30-2024, 11:49 AM)grumbleweed Wrote: 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. Smile

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?
Enjoy the Music!
moodeaudio.org | Mastodon Feed | GitHub
Reply
#16
(07-30-2024, 12:09 PM)Tim Curtis Wrote: Yes, that font-face definition is broken.

Where did you get the woff files?

https://www.latofonts.com/lato-free-fonts/
Reply
#17
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.
Enjoy the Music!
moodeaudio.org | Mastodon Feed | GitHub
Reply
#18
Here's the "font fixup" commit.
https://github.com/moode-player/moode/co...ca4ac5d4fc
Enjoy the Music!
moodeaudio.org | Mastodon Feed | GitHub
Reply


Forum Jump: