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;

	}