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!


Hi Andrew,

I believe this documentation may be useful to you (it was published in the context of an older version of the platform, but its content regarding customising fonts is still valid today).

You can also read one of these two answers on similar questions.

Hope this helps!