Html 无法在我的网页中设置字体系列

我从谷歌字体网站下载了字体，但字体系列在下载后无法使用 编码如下所述 有人能帮我吗。。。 我的字体位于“project_dir/fonts/Opensand Bold.ttf”中。。。 css文件位于“project_dir/css/style.css”中

下面是我的css代码

@font-face{
   font-family: 'myFont';
   src: url('../fonts/Opensand-Bold.ttf');
}
h1{
   font-family: 'myFont';
}

下面是我在“public_dir/page.html”中的hthl文件

这是标题文本
这是一段文字

---

不工作….

您只使用了.ttf格式。它不适用于所有浏览器。可能它与您的浏览器不兼容。也可以使用其他格式

@字体{

  font-family: 'MyWebFont';

     src: url('webfont.eot'); /* IE9 Compat Modes */

      src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('webfont.woff') format('woff'), /* Modern Browsers */

       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */

}

你查过这个密码后能告诉我结果吗。这是否有帮助？请阅读所有答案。也许

.ttf

不够，您需要添加更多的字体扩展名。也许只是这条路错了。

  font-family: 'MyWebFont';

     src: url('webfont.eot'); /* IE9 Compat Modes */

      src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('webfont.woff') format('woff'), /* Modern Browsers */

       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */