That worked thank you both very much!

That worked thank you both very much!

thanks for the quick reply however that didn’t change the font color for me

Hello everyone, i’m trying to change the color of the main text font I’ve tried .header and .content but it seems to not be changing the color. however when i try .MMM-Astrology. title —the color of the title does change. any tips or advice is greatly appreciated as always thank you for helping a noob.

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


 body 
{


}




.compliments .xlarge
		{
			font-family: "DancingScript";
			color: #ff96ca;
			font-size: 50px;

	}

.region.bottom.left{
			width: 200px
			}
.region.bottom.right{
			width: 200px
			}
.region.top.left{
			width: 200px
			}


.clock .bright{
font-size: 40px;
color: #ff96ca
}

.clock .dimmed{
font-size: 20px;
color: #551033
}




.MMM-Astrology  {
		
		font-family: "DancingScript";
}

.MMM-Astrology .header{
		color: #ff96ca;
			}

thank you very much

My dude @broberg I love you man :D. I moved it to the css folder and it worked

Thank you for the reply. I’ve tried your suggestion and still no change. I tried putting the file path in quotes as well and still nothing.

/*****************************************************

• Magic Mirror *
• Custom CSS *

•                                               *
  

• By Michael Teeuw http://michaelteeuw.nl *
• MIT Licensed. *

•                                               *
  

• Add any custom CSS below. *
• Changes to this files will be ignored by GIT. *
  *****************************************************/

@font-face {
font-family: “DancingScript”;
src:
local(“DancingScript-Regular”),
url(…/fonts/DancingScript-Regular.tff) format(“truetype”);

		}

body
{

}

.compliments .xlarge
{
font-family: “DancingScript”;
color: #e499bd;
font-size: 40px;

}

Hello everyone, really sorry to ask this question that has been repeated many times. I tried looking and comparing code to pertaining to font issues- problem is my compliments font is not changing. I’ve tried changing the directory from MagicMirror to Magicmirror/fonts and still no change. Any help or advice is greatly appreciated.

@font-face 		{
			font-family: "DancingScript";	
			src: 
			local("DancingScript-Regular"),
			url("/home/pi/MagicMirror/fonts/DancingScript-Regular.ttf") format("truetype");
		  
			}

 body 
{


}


.compliments .xlarge
		{
			font-family: "DancingScript";
			color: #e499bd;
			font-size: 40px;

	}