使用font-face艺术字失效

最新推荐文章于 2024-01-01 22:19:30 发布

Lynn_y

最新推荐文章于 2024-01-01 22:19:30 发布

阅读量715

点赞数

分类专栏： css+html 文章标签： html css 前端

本文链接：https://blog.csdn.net/mowang8/article/details/125386575

版权

css+html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这篇博客探讨了在CSS中使用艺术字时遇到的问题，指出`font-family`属性的值必须与`@font-face`中定义的字体名一致。通过修改`font-family`为'mnjcgh'，使得艺术字在网页中正确显示。同时，文章提到了文本阴影的设置，增强了艺术字的视觉效果。

摘要由CSDN通过智能技术生成

/* 艺术字 */
@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;
}