Change default font in Safari with CSS

Question

I want to use a custom font on safari to increase readability, but Safari doesn't seem to have an easy way to change fonts. I tried to use Safari's support for custom CSS stylesheets but the font still isn't rendering, what am I doing wrong with this?

@font-face {
    font-family: 'Comic Code Ligatures';
    font-style: normal;
    font-weight: normal;
    src: local('Comic Code Ligatures'), url('./Comic Code Ligatures.otf') format('opentype');
  }
  body {
    font-family: 'Comic Code Ligatures';
    font-size: 16px;
  }