html - 来自 MyScriptFont.com 的自制字体不起作用

Question

我用 http://www.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;
}

我做错了什么？非常感谢你的帮助!来自德国的问候

Answer 1

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

代替这个:

  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>