如何在css中使用下载的字体

这里非常入门级。 我有一个.ttf我想用于我的博客的字体文件，但我不确定如何/在哪里可以获得其编码（？）。这大约是对的吗？

* {
    font-family: 'providence-bold';
    src: url('/font/providence-bold.regular.ttf');
  }

请随意串烧这个，正如我所说的，我对自己在做什么一无所知。

编辑：这是我尝试使用的字体的链接。 （如果有帮助的话）https://ufonts.com/download/providence-bold.html https://ufonts.com/download/providence-bold.html

@font-face {
  font-family: 'providence-bold';
  src: url('/font/providence-bold.regular.ttf');
}

这是我使用的格式。只要确保你的路径是正确的。

边注：我不喜欢在变量中使用下划线 (_) 和破折号 (-)。 建议养成以驼峰命名法或帕斯卡命名法编写变量的习惯。