通过Netlify部署时网站外观出现问题

Question

我正试图在Netlify（或github页面）上托管一个站点，但是由于某种原因，进入生产阶段时，字体会发生变化，还会出现一些布局问题（参见照片）

当前的netlify网址：https://myrckstar.netlify.app/

GitHub存储库网址：https://github.com/aladin94/Rockstar

用于html / css的代码笔：https://codepen.io/aladin94/pen/BaowqgX

字体导入的示例：

<link href="//db.onlinewebfonts.com/c/146c398456e6a22b45102120ae8a7679?family=Narcissus" rel="stylesheet" type="text/css" />

我很难找到问题所在。 1）是否需要在本地下载字体？ 2）是否可以使用netlify替代？我正在尝试使用Heroku，但是我的package.json scripts.start显示了一个错误：我尝试使用“ start”：“ node index.js”，但是index.js不包含任何HTMl。 3）我导入的自定义字体错误吗？ （为什么某些代码在netlify上的位置不同？）。

在我的package.json中运行npm start的最佳方法是什么？