Css 如何在CodePen上使用字体ttf

我是CSS世界的新手，正在codepen.io上练习

---

我想给我的钢笔加上某种字体。我从一个网站下载了它，然后尝试将它上传到github并使用指向该文件的链接，但它不起作用>，，因为.ttf文件的URL是一个页面而不是一个文件路径。您必须使用字体文件的直接链接。使用以下命令：

@font-face {
  font-family: 'superMario';
  src: url('https://raw.githubusercontent.com/koop4/FreeCodeCamp/master/portfolio/font/prstart.ttf');
}

如果不起作用，则必须在其他主机中上载字体文件，然后使用它

@font-face {
  font-family: 'superMario';
  src: url('https://raw.githubusercontent.com/koop4/FreeCodeCamp/master/portfolio/font/prstart.ttf');
}