阿里妈妈数黑体使用代码-影音视界

阿里妈妈数黑体使用代码

765字 4分钟 2025-10-09 春晓 234 0 该作者已发布79篇文章

影音视界 AI摘要

本文展示了如何通过CSS引入阿里妈妈系列字体（如数黑体、刀隶体等），并将其分别应用于全站正文、文章标题及导航栏，同时利用font-display属性优化字体加载性能。

/* 示例：阿里妈妈数黑体 */
 @font-face {
     font-family: 'AlimamaShuHeiTi';
     src: url('/wp-content/themes/zibll/fonts/AlimamaShuHeiTi-Bold.woff2') format('woff2'),
          url('/wp-content/themes/zibll/fonts/AlimamaShuHeiTi-Bold.woff') format('woff'),
          url('/wp-content/themes/zibll/fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
     font-display: swap; /* 关键：提高字体加载性能 */
 }
/* 示例 1：应用到全站正文 */
body {
    font-family: 'AlimamaShuHeiTi', sans-serif;
}

/* 示例 2：应用到文章标题 */
.post-title {
    font-family: 'AlimamaDaoLiTi', serif;
    font-weight: bold;
    color: #333;
}

/* 示例 3：应用到导航栏 */
.navbar {
    font-family: 'AlimamaFangYuanTi', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

1、本网站名称：OK软件
2、本站永久网址：https://ooook.cn

3、本站文章内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系Q/V：775182000。

4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。

5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。

6、本站资源大多存储在云盘，如发现链接失效,请告诉我们，我们会第一时间更新。