Font struggles.

letmetakeaselfie

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;

	}

broberg

@letmetakeaselfie

Use

…/fonts/DancingScript-Regular.ttf

Instead

letmetakeaselfie

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;

broberg

@letmetakeaselfie

You have one punctuation mark to much

Only two . . not three …

../fonts/Yourfile.ttf

If you add your font file in the CSS folder you can use just the filename without any folder pathways

Yourfile.ttf

And you can skip the local part, just use the url

And another issue, you are using smart qoutes in the code, that doesn’t work. Turn of smart quotes in your text-editor.

Notice the difference

Wrong
“DancingScript-Regular”
Correct
"DancingScript-Regular"

letmetakeaselfie

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

letmetakeaselfie

thank you very much