MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Font struggles.

    Scheduled Pinned Locked Moved Custom CSS
    6 Posts 2 Posters 2.3k Views 1 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • L Offline
      letmetakeaselfie
      last edited by yawns

      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;
      
      	}
      
      brobergB 1 Reply Last reply Reply Quote 0
      • brobergB Offline
        broberg Project Sponsor @letmetakeaselfie
        last edited by

        @letmetakeaselfie

        Use

        …/fonts/DancingScript-Regular.ttf

        Instead

        1 Reply Last reply Reply Quote 0
        • L Offline
          letmetakeaselfie
          last edited by

          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;

          }
          
          brobergB 1 Reply Last reply Reply Quote 0
          • brobergB Offline
            broberg Project Sponsor @letmetakeaselfie
            last edited by 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”

            1 Reply Last reply Reply Quote 1
            • L Offline
              letmetakeaselfie
              last edited by

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

              1 Reply Last reply Reply Quote 0
              • L Offline
                letmetakeaselfie
                last edited by

                thank you very much

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • First post
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Sam, technical setup by Karsten.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy