create-nicsde-next-app/src/app/font.css

A CLI tool to create Next.js applications with custom configurations

/* 系统字体配置文件 - 跨平台适配 */

/* 全局字体设置 */
body {
  /* 英文字体堆栈 */
  font-family: 
    /* Windows 英文 */ 
    "Segoe UI", 
    /* Mac/iOS 英文 */
    -apple-system, "Helvetica Neue", "San Francisco", 
    /* Android 英文 */
    "Roboto", 
    /* 通用无衬线字体 */
    sans-serif;
  /* 中文字体堆栈 */
  font-family: 
    /* Windows 中文 */
    "Microsoft YaHei", 
    /* Mac/iOS 中文 */
    "PingFang SC", 
    /* Android 中文 */
    "Noto Sans CJK SC", "Source Han Sans SC", 
    /* 通用中文字体回退 */
    "Hiragino Sans GB", "WenQuanYi Micro Hei", 
    /* 最终回退 */
    sans-serif;
}

.font-bold {
  font-weight: bold; /* 加粗 */
}

.font-semibold {
  font-weight: 600; /* 中粗 */
}

.font-medium {
  font-weight: 500; /* 中等 */
}

.font-normal {
  font-weight: normal; /* 常规 */
}

/* 字号与行距规范 */
h1 {
  font-size: 36px;
  line-height: 1.25em;
}

h2 {
  font-size: 28px;
  line-height: 1.25em;
}

h3 {
  font-size: 24px;
  line-height: 1.4em;
}

h4 {
  font-size: 21px;
  line-height: 1.5em;
}

p {
  font-size: 16px;
  line-height: 1.6em;
}

.small-text {
  font-size: 14px;
  line-height: 1.6em;
}

.xsmall-text {
  font-size: 12px;
  line-height: 1.6em;
}