very off topic, but how does the sites font css work? It is

    @font-face {
        font-family: system;
        font-style: normal;
        font-weight: 400;
        src: local("-apple-system"), local("BlinkMacSystemFont"), local("Segoe UI"), local("Roboto"), local("Oxygen-Sans"), local("Ubuntu"), local("Cantarell"), local("Helvetica Neue"), local("sans-serif");
    }

and gives me the Ubuntu font. Is it the first font in the list, that my browser recognizes and I have?