Hello, I'm completely new with Outsystems and I'm currently trying to change the font of some text in a container with a .ttf file I have. I've looked into it for a while now and I get I have to change the CSS with an @font-face section, like so

@font-face {
font-family: 'Otto';
src: url('/fonts/Otto.eot');
src: url('fonts/Otto.eot?iefix') format('eot'),
     url('fonts/Otto.woff') format('woff'),
     url('fonts/Otto.ttf') format('truetype'),
     url('fonts/Otto.svg#webfontpQgNQDw9') format('svg');
font-weight: normal;
font-style: normal;
}

But I'm not too sure where to actually put this. I've tried making a custom theme, but I'm also lost in there.

I do have a pre-built theme that we use as a company for all our web pages, so would I have to modify that? Any help would be greatly appreciated!

Again, I'm really new to Outsystems and CSS as a whole. Thanks!