this is my google fonts links:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;900&display=swap" rel="stylesheet">
and this is my css code:
h1{
font-family: 'Montserrat', sans-serif;
font-weight: 900;
}
You can add it directly in CSS like:
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300&display=swap');
h1{
font-family: 'Montserrat', sans-serif;
font-weight: 900;
}
If it doesn't work you have to see if bootstrap is not overwriting those values so you have to add !important there like:
h1{
font-family: 'Montserrat', sans-serif!important;
font-weight: 900;
}