前端CLI开发工具【免费下载链接】fontsourceSelf-host Open Source fonts in neatly bundled NPM packages.项目地址https://gitcode.com/gh_mirrors/fo/fontsource点击查看免费下载GungsuhChe궁서체是 Fontsource 开源字体仓库中收录的一款韩文“明体毛笔风格”字体最早随 Windows 95 系统首发脱胎于手写书法更适合标题、海报等短文本与展示display场景而非长文排版。本文以 GungsuhChe 官方描述文档 为主线结合仓库中的注册表元数据、字符分布与子集定义系统讲解这款字体的历史、设计定位、字符覆盖、技术规格、许可信息并给出通过 Fontsource NPM 包在 Web 项目中自托管安装的完整实操方案。字体概览一款“毛笔明体”风格的韩文字体GungsuhChe 是一款广为人知的myeongjobrush风格韩文字体名称中的 “Che”체在韩文中表示等宽monospace变体。根据官方描述它具备三个核心特征历史渊源最早随 Windows 95 系统一起首发是许多韩语用户最早接触的系统内置字体之一书写来源字形脱胎于手写书法handwritten calligraphy笔画带有毛笔的粗细变化与书写动势用途定位更适合短文本串shorter text strings或展示类应用display applications而非长文正文long-form text排版。注册表元数据family.json补充确认了以下身份信息字段值familyGungsuhCheclassificationsserif衬线designerHanYang IC Co.韩阳 ICprimaryScriptKore韩文dateAdded2024-05-15sourceModified2026-09-03statusactive活跃收录从源码结构看该字体的classifications由 Google Fonts 的SERIF分类映射而来见 google.ts 中的GOOGLE_CLASSIFICATION_MAP因此它在 Fontsource 的检索目录中会被归类为衬线字体。设计定位展示型字体与“等宽拉丁”变体的差异GungsuhChe 与同门字体Gungsuh构成一组对照关系官方描述明确指出了二者的关键区别This version includes monospace, half-width Latin characters. For a version with proportional Latin characters, see Gungsuh.翻译过来即GungsuhChe 的拉丁字符是等宽monospace、半宽half-width的需要比例proportional拉丁字符版本的用户应选择 Gungsuh。这组对比对实际选型非常重要GungsuhChe本文主角韩文部分为毛笔明体风格拉丁字符为等宽半宽形态适合需要字符对齐如代码、表格、终端风格界面或强调书法展示效果的场景Gungsuh字形主体一致但拉丁字符为比例宽度阅读连贯性更好适合拉丁与韩文混排时更自然的文字流。两者共享相同的韩文主体设计选择时主要依据项目对拉丁字符宽度的排版需求。字符覆盖约 2.06 万码点、2.19 万字形通过 Fontsource 对字体文件的实际检测inspectionfamily.json 记录了 GungsuhChe 的精确字符能力codepoints20,579 个 Unicode 码点glyphs21,896 个字形outlineglyfTrueType 轮廓fontVersionVersion 2.21layout featuresGSUB 含vert竖排字形替换无 GPOS 特性。从unicodeRange可以清晰看出其覆盖版图韩文谚文音节 UAC00–D7A3、谚文字母 U3131–318E、兼容字母 U3200–321C、U3260–327B以及韩文字母扩展 U1100–11F9汉字与日文假名常用汉字如 U4E00 起的大量 CJK 统一表意文字、平假名 U3041–3093、片假名 U30A1–30F6拉丁与扩展基本拉丁 U0020–007F、拉丁补充 U00A0–017F、拉丁扩展等西里尔与希腊U0401–045F、U037E、U0384–03CE标点符号、数字符号、箭头、几何图形等大量符号区段。因此该字体不仅覆盖韩文还具备相当完整的拉丁、西里尔、希腊字符能力适合多语言文字混排场景。发布子集与韩文切片根据 distribution.jsonFontsource 为 GungsuhChe 发布了 5 个字符子集subsetsubset id说明cyrillic西里尔greek希腊korean韩文默认子集latin拉丁latin-ext拉丁扩展其中defaultSubset为korean并配置了slicing策略definition: korean-web、subset: korean。这意味着韩文部分会采用 korean-web.json 定义的“网络切片”方案——该文件包含3,472 段码点范围并划分为120 个切片slice让浏览器按需加载韩文字形避免一次性下载数 MB 的完整韩文字库。这一机制对应 google.ts 中的SLICING_BY_SUBSET映射korean → korean-web是 Fontsource 针对完整 CJK 字库采用的专项优化。技术规格与文件信息family.json 的sources记录了这一版本的实际文件项目值源文件ofl/gungsuhche/GungsuhChe-Regular.ttf变体weight 400、style normal单一静态字重大小6,578,224 字节约 6.3 MBSHA-256ad7744ead7cb467fa12ffc565d1ba864a1a2f972c1bea1e3208062c369982c64可变轴axes无非可变字体GungsuhChe 目前只提供Regular400normal一个静态字重没有可变字体variable版本这与许多 CJK 字体仅以单字重发布的惯例一致。注册表registry/README.md指出distribution.json记录的是 Fontsource 实际发布的精确静态变体与字符分布是“注册表状态”而非从旧目录派生的数据。许可证与来源GungsuhChe 采用SIL Open Font License 1.1OFL-1.1版权归属为Copyright 2024 The Batang and Gungsuh Project Authors完整许可证文本保存在 license.txt。OFL 允许字体被自由使用、研究、修改与再分发不能单独售卖也可以捆绑进商业软件非常适合 Web 自托管场景。其上游来源provenance记录如下上游仓库google/fonts的ofl/gungsuhche目录项目仓库github.com/googlefonts/batangBatang 与 Gungsuh 系列开源项目当前记录 revision6c1e09f9…。在 Fontsource 中安装与使用由于 GungsuhChe 是静态字体应使用其静态 NPM 包fontsource/gungsuhche。安装流程参考 官网安装指南第 1 步安装包npm install fontsource/gungsuhche # 或 pnpm add fontsource/gungsuhche第 2 步在应用入口导入// 默认导入 weight 400该字体唯一的字重 import fontsource/gungsuhche;第 3 步在 CSS 中使用body { font-family: GungsuhChe, sans-serif; }按子集加载可选由于默认 CSS 使用unicode-range浏览器只会下载页面实际用到的字符集一般无需手动挑选子集见 子集文档。若确有特殊需求也可以显式导入某个子集import fontsource/gungsuhche/korean.css; import fontsource/gungsuhche/latin.css;注意手动子集导入不适用于可变字体包且官方不推荐默认使用此方式。关于 TypeScript如果项目启用了 TypeScript 的noUncheckedSideEffects检查导入 CSS 可能报错可在src/globals.d.ts中添加环境声明declare module *.css; declare module fontsource/* {}与 Gungsuh 的选型建议对比项GungsuhCheGungsuh韩文风格毛笔明体myeongjo brush毛笔明体myeongjo brush拉丁字符等宽、半宽比例宽度适合场景展示排版、需要字符对齐的界面拉丁/韩文混排的连续文本两者共享相同的韩文主体设计选型时只需根据项目对拉丁字符宽度的排版需求决定。若项目以韩文展示性排版为主、对拉丁字符的对齐性有要求GungsuhChe 是合适选择若追求拉丁混排的阅读连贯性则选择 Gungsuh。数据来源说明本文中所有字符覆盖、子集、规格与许可信息均来自 Fontsource 仓库的注册表数据官方描述description.en-US.md家族与检测元数据family.json发布分布distribution.json许可证license.txt韩文网络切片定义korean-web.json生成逻辑google.ts 与 registry/README.md这些记录由注册表同步流程生成Google 家族的描述文档由DESCRIPTION.en_us.html转换而来见 google.ts字符能力则由字体文件实际检测得到确保了数据的准确性与可追溯性。赞分享前端CLI开发工具【免费下载链接】fontsourceSelf-host Open Source fonts in neatly bundled NPM packages.项目地址https://gitcode.com/gh_mirrors/fo/fontsource点击查看免费下载相关推荐Ryujinx Switch 模拟器实战指南从克隆仓库到跑起第一款游戏Ryujinx Switch 模拟器实战指南从克隆仓库到跑起第一款游戏 Ryujinx 是一款用 C 编写的开源 Nintendo Switch 模拟器让前端CLI开发工具Fontsource 中的 Gulim 字体从 Windows 95 走来的韩文 UI 黑体Fontsource 中的 Gulim 字体从 Windows 95 走来的韩文 UI 黑体 Gulim 是一套随 Windows 95 首次面世的韩文黑体前端CLI开发工具《Build Web Application with Golang》第 11 章精读Go Web 应用的错误处理、GDB 调试与单元测试实战《Build Web Application with Golang》第 11 章精读Go Web 应用的错误处理、GDB 调试与单元测试实战 本篇基于开源前端CLI开发工具上一篇UniMate训练完整教程从配置JSON到120000步的多GPU训练实战下一篇源码结构完全地图从推理管线到VAD管理器——Faster-Whisper-TransWithAI-ChickenRice开发者指南创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
阅读完成 · 觉得有帮助?