我最近从事laravel项目5.8。我用npm安装了节点js。我正在尝试使用Google字体，它可以工作，但是我无法将字体的粗细更改为更浅或更粗的版本。我尝试用数字更改字体粗细。但是它也没有工作。这是代码。
<div class="font-weight: 300" style="font-size : 30px; font-family: Open Sans"> <h1>test1</h1></div>
<div class="font-weight: 700" style="font-size : 30px; font-family: Open Sans"> <h1>test2</h1></div>
<div class="font-weight-normal" style="font-size : 30px; font-family: Open Sans"> <h1>emmawatson</h1></div>
<div class="font-weight-light" style="font-size : 30px; font-family: sans-serif"> <h1>emmawatson</h1></div>
我更改了app.scss：
// Fonts
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
我还更改了_variables.scss：
// Typography
$font-family-sans-serif: 'Open Sans', sans-serif;
更新字体后，我确实在终端上运行了npm run dev。 不知何故它无法在我的浏览器上显示正确的字体。谁能帮我解决这个问题？ 谢谢