使用custom.css文件覆盖Bootstrap样式（React App）

Question

我创建了一个React App，但我想为该应用使用Google字体，而不是Bootstrap的Segoe UI字体，

我在公用文件夹中创建了一个custom.css文件，但字体从未更改

print myArr(i).myParam1

index.html

<link rel="stylesheet" type="text/css" href="custom.css" />
<link
   href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700&display=swap"
   rel="stylesheet"
/>
<link
   rel="stylesheet"
   href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
   integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
   crossorigin="anonymous"
/>

h3颜色会更改，但字体不会更改，引导字体始终会覆盖我的

如果我在字体中添加“！important”，它可以正常工作，但是我敢肯定有一种方法可以不用它