Font-family GeneratePress - how does it work?

Hi
First, thank you very much for this excellent theme.
I was just adjusting the pagination of my blog page in order that the same arrows as in the main page navigation are displayed.

Therefore I added those two hookers:

add_filter( 'generate_next_link_text', function() {
    return '';
} );

add_filter( 'generate_previous_link_text', function() {
    return '';
} );

And then I set the font-family of the corresponding element via CSS to GeneratePress. So far it works fine :-)
I was just wondering whether this is the most favourable approach?
And second: I always thought that the browser has to “know” the font-family in order to render a text or a symbol. How does this work with GeneratePress as a font-family? Is there a risk that a browser won’t be able to display this font-family? Or how does that work in particular?

Thank you very much for your answer :-)