Read the statement by Michael Teeuw here.
Font struggles.
-
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; }
-
-
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;}
-
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 urlAnd 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” -
My dude @broberg I love you man :D. I moved it to the css folder and it worked
-
thank you very much