Implementing font-style

Hello, I'm trying to implement a font-style in a project. I wrote the following lines in Sublime text:   @font-face { font-family: 'MyFont'; src: url('(fonts/FSAlvarWeb-Bold.woff') format('woff'); src: url('(fonts/FSAlvarWeb-Bold.eot'); src: url('(fonts/FSAlvarWeb-Bold.eot?#iefix') format('embedded-opentype'); } For some reason I couldn't add a screenshot of my file structure, but this is the file structure: Theme > Styles > sass > custom. In custom I added the folder Fonts and there you find the _custom-variables.cscc file in which I'm working. I have added a class in mendix which I'm addressing as follows:  .test { font-family: MyFont; } Does anyone know what I do wrong?
2 answers

Hi Thijs,

You'll need ttf font file(s).

Check the answer of Eric for more in deep details:

I guess this will help you do the trick.


Hello Thijs,

Have you referenced your new '_custom-variables.scss' file in the "custom.scss' file in your sass/custom directory?