MagicMirror² v2.5.0 is available! For more information about this release, check out this topic.

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;
    
    	}
    

  • Module Developer

    @letmetakeaselfie

    Use

    …/fonts/DancingScript-Regular.ttf

    Instead



  • 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;

    }

  • Module Developer

    @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"



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



  • thank you very much