How to connect one font and use it with different sizes?

Question

css

I need to set one font in different sizes for two different blocks (with text), that is, connect google fonts several times. Font-weight does not give the same result, the jump in weight is strong. And the font site just has the right sizes.

Answer 1

Depends on the typeface, some may have few weights, some have many.
On google fonts, filter by number of styles, 18+ for example.
When connecting, specify all the weights that you need, for example:

@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:100,200,300,400,500,600,700,800,900');