🔤 中文字体精简版

基于《通用规范汉字表》8105 字精简，体积缩减 75%+

GitHub stars GitHub forks

思源黑体 Source Han Sans SC

SIL OFL 1.1 原始 19M → 精简后 4.7M

字体预览

32px
ExtraLight 200 汉字之美，在于形意兼备
Light 300 汉字之美，在于形意兼备
Normal 350 汉字之美，在于形意兼备
Regular 400 汉字之美，在于形意兼备
Medium 500 汉字之美，在于形意兼备
Bold 700 汉字之美，在于形意兼备
Heavy 900 汉字之美，在于形意兼备

📋 CSS 代码

复制以下代码到你的 CSS 文件中即可使用

/* 思源黑体 - 精简版 */
@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 200;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-思源黑体/SourceHanSansSC-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 300;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-思源黑体/SourceHanSansSC-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 350;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-思源黑体/SourceHanSansSC-Normal.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-思源黑体/SourceHanSansSC-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 500;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-思源黑体/SourceHanSansSC-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-思源黑体/SourceHanSansSC-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 900;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-思源黑体/SourceHanSansSC-Heavy.ttf') format('truetype');
}

/* 使用方式 */
body {
  font-family: 'Source Han Sans SC', sans-serif;
}

思源宋体 Source Han Serif CN

SIL OFL 1.1 原始 11M → 精简后 3M

字体预览

32px
ExtraLight 200 汉字之美，在于形意兼备
Light 300 汉字之美，在于形意兼备
Regular 400 汉字之美，在于形意兼备
Medium 500 汉字之美，在于形意兼备
SemiBold 600 汉字之美，在于形意兼备
Bold 700 汉字之美，在于形意兼备
Heavy 900 汉字之美，在于形意兼备

📋 CSS 代码

复制以下代码到你的 CSS 文件中即可使用

/* 思源宋体 - 精简版 */
@font-face {
  font-family: 'Source Han Serif CN';
  font-weight: 200;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/otf-思源宋体/SourceHanSerifCN-ExtraLight.otf') format('opentype');
}

@font-face {
  font-family: 'Source Han Serif CN';
  font-weight: 300;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/otf-思源宋体/SourceHanSerifCN-Light.otf') format('opentype');
}

@font-face {
  font-family: 'Source Han Serif CN';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/otf-思源宋体/SourceHanSerifCN-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Source Han Serif CN';
  font-weight: 500;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/otf-思源宋体/SourceHanSerifCN-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Source Han Serif CN';
  font-weight: 600;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/otf-思源宋体/SourceHanSerifCN-SemiBold.otf') format('opentype');
}

@font-face {
  font-family: 'Source Han Serif CN';
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/otf-思源宋体/SourceHanSerifCN-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'Source Han Serif CN';
  font-weight: 900;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/otf-思源宋体/SourceHanSerifCN-Heavy.otf') format('opentype');
}

/* 使用方式 */
body {
  font-family: 'Source Han Serif CN', serif;
}

阿里巴巴普惠体 Alibaba PuHuiTi

免费商用 原始 8.5M → 精简后 2.1M

字体预览

32px
Light 300 汉字之美，在于形意兼备
Regular 400 汉字之美，在于形意兼备
Medium 500 汉字之美，在于形意兼备
Bold 700 汉字之美，在于形意兼备
Black 900 汉字之美，在于形意兼备

📋 CSS 代码

复制以下代码到你的 CSS 文件中即可使用

/* 阿里巴巴普惠体 - 精简版 */
@font-face {
  font-family: 'Alibaba PuHuiTi 3';
  font-weight: 300;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf%2Botf阿里巴巴普惠体/AlibabaPuHuiTi-3-45-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Alibaba PuHuiTi 3';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf%2Botf阿里巴巴普惠体/AlibabaPuHuiTi-3-55-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Alibaba PuHuiTi 3';
  font-weight: 500;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf%2Botf阿里巴巴普惠体/AlibabaPuHuiTi-3-65-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Alibaba PuHuiTi 3';
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf%2Botf阿里巴巴普惠体/AlibabaPuHuiTi-3-85-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Alibaba PuHuiTi 3';
  font-weight: 900;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf%2Botf阿里巴巴普惠体/AlibabaPuHuiTi-3-115-Black.ttf') format('truetype');
}

/* 使用方式 */
body {
  font-family: 'Alibaba PuHuiTi 3', sans-serif;
}

更纱黑体 Sarasa Gothic SC

SIL OFL 1.1 原始 24M → 精简后 4.5M

字体预览

32px
ExtraLight 200 汉字之美，在于形意兼备
Light 300 汉字之美，在于形意兼备
Regular 400 汉字之美，在于形意兼备
SemiBold 600 汉字之美，在于形意兼备
Bold 700 汉字之美，在于形意兼备
Italic 400 汉字之美，在于形意兼备

📋 CSS 代码

复制以下代码到你的 CSS 文件中即可使用

/* 更纱黑体 - 精简版 */
@font-face {
  font-family: 'Sarasa Gothic SC';
  font-weight: 200;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-更纱黑体/SarasaGothicSC-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Sarasa Gothic SC';
  font-weight: 300;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-更纱黑体/SarasaGothicSC-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Sarasa Gothic SC';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-更纱黑体/SarasaGothicSC-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Sarasa Gothic SC';
  font-weight: 600;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-更纱黑体/SarasaGothicSC-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Sarasa Gothic SC';
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-更纱黑体/SarasaGothicSC-Bold.ttf') format('truetype');
}

/* 斜体 */
@font-face {
  font-family: 'Sarasa Gothic SC';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/ZaneL1u/TTF-Min@main/dist/ttf-更纱黑体/SarasaGothicSC-Italic.ttf') format('truetype');
}

/* 使用方式 */
body {
  font-family: 'Sarasa Gothic SC', sans-serif;
}
已复制到剪贴板