Html MyScriptFont.com自制字体不起作用

我已经用创建了自己的字体，但这不会出现在我的网站上。我的代码

@font-face {
    font-family: 'MyFontName';
    src: url('fonts/MyFontName.otf');
    src: url('fonts/MyFontName.ttf');
    font-weight: normal;
    font-style: normal;
}

MyFontName {
  color: #df0000;
  font-size: 15px;
  font-size: 1.5rem; 
  font-family: MyFontName;
    font-size: 35px;
}

我做错了什么？ 非常感谢你的帮助！

---

来自德国的问候语

您创建类的方式是错误的。这可能是问题的原因

与此相反：

  MyFontName {
   color: #df0000;
   font-size: 15px;
   font-size: 1.5rem; 
   font-family: MyFontName;
   font-size: 35px;
 }

这样使用：

 .CustomClass{
  color: #df0000;
  font-size: 15px;
  font-size: 1.5rem; 
  font-family: MyFontName;
  font-size: 35px;
 }

HTML:

<div class="CustomClass">My Sample Text Goes Here</div>

这里是我的示例文本

该问题缺少基本信息。当作为本地字体安装时，字体是否工作？您使用了哪些浏览器进行测试？其他人如何测试你的字体？