The font is not displayed in all browsers?

Question

Fonts

There is a site pushkinvk.ru I connect the Amatic
font (locally, in two formats) like this:

@font-face {
    font-family: 'Amatic';
    src:
           url('../../fonts/AmaticSC-Regular.woff') format('woff'),
           url('../../fonts/Amatic_SC/AmaticSC-Regular.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
  }

On my laptop everything is ok, on the phone - too. Google checks for adaptability, etc. give the same result. But for many users, the font is not loaded and the standard browser one is installed, which spoils the whole picture. How to be, what to do?

Answer 1

It is necessary to run the font through which service, for example, https://www.web-font-generator.com
will give different versions of the font and styles in the output to apply them.