How to combine google font css files?

The meta link tag to fonts.googleapis can have multiple fonts and weights listed, separated by pipes: family=Lato:400,700|Montserrat:400,700|Roboto:400,700. This loads all 3 fonts in 2 weights each for the page. But it’s not going to change what your theme does when you select various fonts. You could output such a combined link on your header template, but your theme will still try to load them again individually.

The real issue lies with your theme’s method of loading fonts, so you should be asking your theme’s devs, not Google. Google will just tell you what I did in my first line.

You should be enqueueing them in your functions.php

function font_scripts() {
  
  wp_enqueue_style('montserrat',  'https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

}
add_action( 'wp_enqueue_scripts', 'font_scripts' );

Thank you guys for you response, i will try that asap and give you a response!:)

You should be enqueueing them in your functions.php

function font_scripts() {
  
  wp_enqueue_style('montserrat',  'https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

}
add_action( 'wp_enqueue_scripts', 'font_scripts' );

What does is change exactly?
I actually wrote that code into my function.php but the number of css didnt change. do i need to change the font in my brooklyn theme to “theme font” instead of “google font”?

It adds a meta tag link with all fonts specified in one line. The theme is still doing its own thing with individual links. I’m not sure what a “theme font” is. If it’s still a Google font, it could be also loaded with the added enqueue style code. What you need is to have the theme not load any fonts at all. Does it have a generic choice like “serif” or “sans-serif”? That should cause it to not load any fonts.

But then it will probably be setting the various styles for page elements to be that generic font and the Google fonts you are loading will not be used. Try overriding the theme’s style rules as needed with your own font-family rules in the Additional CSS panel of the customizer.