I browsed every post regarding this topic and tried to follow the instructions, but nothing seems to work for me so far.
I want to use a specific font for the compliments module on my MM.
I tried to set up my custom.css as follows (to no avail):

body {	
}

:root {
  --color-text: #999;
  --color-text-dimmed: #666;
  --color-text-bright: #fff;
  --color-background: black;

  --font-primary: "Roboto Condensed";
  --font-secondary: "Roboto";
  
  --font-size: 30px;
  --font-size-small: 0.75rem;

  --gap-body-top: 60px;
  --gap-body-right: 60px;
  --gap-body-bottom: 60px;
  --gap-body-left: 60px;
  
  --gap-modules: 30px;
}

@font-face {
  font-family: "DS";
  font-style: normal;
  font-weight: normal;
  src: locale("Dancing Script Regular"), url('fonts/DancingScript-Bold.woff') format('woff');;
}

.compliments {
        font-family: "DS";
	font-weight: 600;
}

Any pointers as to how I could make it work ?
Thanks a lot !