@richland007

IR touch frame, or add physical buttons to the raspberrys gpio pins and use the button module (can’t remember the name at the moment).

Folder path is misdirected, try this

body {
@font-face {
font-family: “Verdana”;
font-style: normal;
font-weight: 100;
src:
local(“Verdana”),
url("../fonts/Verdana.ttf") format(“truetype”);
},
.newsfeed {
font-family: Verdana;
}, 
}

@trevortreachery

As above or no border at all

 body {
margin: 0; 
 height: 100%;
 width: 100%;
  	
  }

You only add the ( ) part when using calc

@azrael yes, from a regular glass shop, Ask for manufacturer and product name, that way you can google the specs yourself. (Thats what I did)

You need a mirror with a higher lighttransmission. The drawback is that more of the monitors backlight will show when it gets darker in the room.

30% is a really high number for lighttransmission (I have 3% and that is as you describe hard to see when in a light room). 12-20% will work well in normal lighting conditions.

My bad, it isn’t font awesome for the weather module. The icons gets gathered from the openweather api :

https://openweathermap.org/weather-conditions

@thijsmathijs they aren’t pictures per say, they are symbols from a font.

@winter

check you have the spelling correct for the filename, and use only the ttf file (I don’t know why there is two different format files for the same font anyways)

@winter

Updates to the magicmirror software.
You can keep the changes in the main.css, but you will get an error the day you try to update the magicmirror to a newer version.

Try using this :

	@font-face{
	  font-family: Luxia;
	  src: url("../fonts/Luxia-Display.ttf") format("truetype");
	}

Note that the file path is based on where your css files is and where the fonts are.

You can place the fonts directly in to the css folder, if you do that the file path (url) would be like this :

 	@font-face{
	  font-family: Luxia;
	  src: url("Luxia-Display.ttf") format("truetype");
	}

Yes, only the custom.css (anything written in the custom.css will override the same values in main.css)
And if you edit the main.css and update your mirror the update will overwrite the main.css and your changes within. This doesn’t happen with custom.css.

To see where you went wrong, pleas post your custom.css file.

But common things to adress, search path to the font file, the font file sets the format, what does your files end with?

place new css-code after body{}