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>

MyScriptFont.com的Selfmade字体不起作用

1 个答案: