使用font-face艺术字失效

/* 艺术字 */
@font-face {
  font-family: 'special';
  src: url('./font/mnjcgh.ttf');
  font-weight: normal;
  font-style: normal;
}

.title{
  font-family: 'special';
  font-size: 36px;
  text-shadow: 0 0 6px #03bcf4;
}

  按照上述方法使用艺术字无效;font-family必须和src中字体包的名字一样,改成如下即可:

/* 艺术字 */
@font-face {
  font-family: 'mnjcgh';
  src: url('./font/mnjcgh.ttf');
  font-weight: normal;
  font-style: normal;
}
.title{
  font-family: 'mnjcgh';
  font-size: 36px;
  text-shadow: 0 0 6px #03bcf4;
}

你可能感兴趣的:(css+html,html,css,前端)