[{"data":1,"prerenderedAt":328},["ShallowReactive",2],{"doc-\u002Fdocs\u002Ffree-commercial-fonts":3,"docs-all":223},{"id":4,"title":5,"body":6,"category":207,"date":208,"description":209,"draft":210,"extension":211,"meta":212,"navigation":213,"path":214,"seo":215,"source":216,"stem":217,"tags":218,"__hash__":222},"docs\u002Fdocs\u002Ffree-commercial-fonts.md","免费可商用字体整理",{"type":7,"value":8,"toc":190},"minimark",[9,13,22,27,30,37,46,51,54,58,61,64,69,73,76,81,85,88,91,96,100,103,108,112,115,120,124,127,132,136,139,144,148,151,156,159,167,171,174,185],[10,11,12],"h2",{"id":12},"免费可商用字体有哪些",[14,15,16,17,21],"p",{},"字体版权一直是很多设计师的雷区，一不小心就容易触犯。因此，这一段，我们就来弄清楚一个问题：",[18,19,20],"strong",{},"免费可商用字体","到底有哪些？",[23,24,26],"h3",{"id":25},"_1-思源黑体推荐","1. 思源黑体（推荐）",[14,28,29],{},"思源黑体（Source Han Sans）：Adobe 和 Google 在 2014 年 7 月联合推出的针对中日韩的开源字体，在字重（字体粗细程度）上分7个层级。",[14,31,32],{},[33,34],"img",{"alt":35,"src":36},"","\u002Fimages\u002Fremote\u002Fc7dc8ba22f9f573c.jpg",[14,38,39,40],{},"思源黑体是最有名的免费商用字体。字体下载：",[41,42,43],"a",{"href":43,"rel":44},"https:\u002F\u002Fgithub.com\u002Fadobe-fonts\u002Fsource-han-sans\u002Ftree\u002Frelease\u002F",[45],"nofollow",[14,47,48],{},[33,49],{"alt":35,"src":50},"\u002Fimages\u002Fremote\u002F19a477b2887a14fa.png",[14,52,53],{},"上图中，点击红框部分，即可下载该字体的压缩包。",[23,55,57],{"id":56},"_2-思源宋体","2. 思源宋体",[14,59,60],{},"思源宋体：同样也是Adobe 联合 Google经过长达一年半的研发， 在 2019年 4 月 3 日发布了思源宋体（ Source Han Serif，Google 称 Noto Serif CJK）。",[14,62,63],{},"思源宋体包含了简繁日韩四种汉字写法，拥有7种粗细字重，共设计了458745个汉字。也就是说每一种字重包括65535个字形。",[14,65,66],{},[33,67],{"alt":35,"src":68},"\u002Fimages\u002Fremote\u002F2ee5841e1a334e2f.jpg",[23,70,72],{"id":71},"_3-站酷系列字体","3. 站酷系列字体",[14,74,75],{},"截止目前有4种字体，都是免费授权全社会使用，允许商用。",[14,77,78],{},[33,79],{"alt":35,"src":80},"\u002Fimages\u002Fremote\u002F1a7335deb3522b82.jpg",[23,82,84],{"id":83},"_4-方正系列","4. 方正系列",[14,86,87],{},"方正对外提供四款免费字体，楷体、黑体、仿宋、书宋，可以商业发布，只要不进行转换、改编、传播。",[14,89,90],{},"注：方正虽然有四款优秀的免费可商用的字体，但有一点麻烦的是，需要书面授权，感兴趣的同学可以在他们的官网上查看一下授权使用范围。",[14,92,93],{},[33,94],{"alt":35,"src":95},"\u002Fimages\u002Fremote\u002F343b8ac2ff5b83a1.jpg",[23,97,99],{"id":98},"_5-文泉驿系列字体","5. 文泉驿系列字体",[14,101,102],{},"说到中文字体开源的鼻祖，学者房骞骞在 2004 年发起的公益项目应该算一个。文泉驿系列字体是开源字体，允许商业使用。",[14,104,105],{},[33,106],{"alt":35,"src":107},"\u002Fimages\u002Fremote\u002F2ba89a16e5f92f6b.jpg",[23,109,111],{"id":110},"_6-郑庆科黄油体","6. 郑庆科黄油体",[14,113,114],{},"这是一款个人设计师郑庆科推出的黄油体。",[14,116,117],{},[33,118],{"alt":35,"src":119},"\u002Fimages\u002Fremote\u002F5f0780acd5f3f425.jpg",[23,121,123],{"id":122},"_7-font-space","7. Font Space",[14,125,126],{},"Font Space有很全的字体，都是用户自己上传的，截至2017年3月有21款免费可商用的字体（包含2款文泉驿中文）。",[14,128,129],{},[33,130],{"alt":35,"src":131},"\u002Fimages\u002Fremote\u002F3dfe8777f89cf83e.jpg",[23,133,135],{"id":134},"_8-濑户字体","8. 濑户字体",[14,137,138],{},"濑户制作的免费字体，字体包含中文繁体常用字及多国语言。",[14,140,141],{},[33,142],{"alt":35,"src":143},"\u002Fimages\u002Fremote\u002F16022fcc4e36b923.jpg",[23,145,147],{"id":146},"_9-arual","9. Arual",[14,149,150],{},"这是一款设计师都爱用的英文字体，简单实用。",[14,152,153],{},[33,154],{"alt":35,"src":155},"\u002Fimages\u002Fremote\u002Fdf98dd91d3b40c0e.jpg",[23,157,158],{"id":158},"字体查找下载",[14,160,161,162],{},"链接: ",[41,163,166],{"href":164,"rel":165},"https:\u002F\u002Fwww.nerdfonts.com\u002F",[45],"nerdfonts",[10,168,170],{"id":169},"怎么知道哪些字体是侵权的","怎么知道哪些字体是侵权的？",[14,172,173],{},"可以在“360查字体”网站上检查自己电脑上哪些字体是免费可商用的，哪些是商用需要授权的。",[175,176,177],"ul",{},[178,179,180,181],"li",{},"360查字体：",[41,182,183],{"href":183,"rel":184},"https:\u002F\u002Ffonts.safe.360.cn",[45],[14,186,187],{},[33,188],{"alt":35,"src":189},"\u002Fimages\u002Fremote\u002F374f6594192d831e.png",{"title":35,"searchDepth":191,"depth":191,"links":192},3,[193,206],{"id":12,"depth":194,"text":12,"children":195},2,[196,197,198,199,200,201,202,203,204,205],{"id":25,"depth":191,"text":26},{"id":56,"depth":191,"text":57},{"id":71,"depth":191,"text":72},{"id":83,"depth":191,"text":84},{"id":98,"depth":191,"text":99},{"id":110,"depth":191,"text":111},{"id":122,"depth":191,"text":123},{"id":134,"depth":191,"text":135},{"id":146,"depth":191,"text":147},{"id":158,"depth":191,"text":158},{"id":169,"depth":194,"text":170},"toolchain","2024-11-03","整理思源黑体、思源宋体等可商用中文字体，规避字体版权风险。",false,"md",{},true,"\u002Fdocs\u002Ffree-commercial-fonts",{"title":5,"description":209},null,"docs\u002Ffree-commercial-fonts",[219,220,221],"font","css","notes","JhoFmoOq3LxjlaneBRrAqSmUQJQdH31AISYCQrx6mAY",[224,236,244,250,260,262,271,276,284,289,296,302,309,316,322],{"path":225,"title":226,"description":227,"date":228,"category":229,"tags":230},"\u002Fdocs\u002Ffrontend-coding-standards","前端团队编码规范","HTML \u002F CSS \u002F JavaScript 三端统一的团队编码约定，含缩进、命名、语法与禁用项，可直接作为 Code Review 依据。","2025-12-17","standards",[231,220,232,233,234,235],"html","javascript","es6","best-practice","guide",{"path":237,"title":238,"description":239,"date":240,"category":207,"tags":241},"\u002Fdocs\u002Fwindows-mklink","Windows mklink 符号链接用法","mklink 各参数区别与实用场景：目录联接、符号链接与硬链接的选择。","2024-12-18",[242,243],"windows","cheatsheet",{"path":245,"title":246,"description":247,"date":248,"category":207,"tags":249},"\u002Fdocs\u002Frandom-color-utils","JS 随机颜色生成方法","几种生成随机 RGB \u002F HEX 颜色的实现方式与各自适用场景。","2024-12-11",[232,243],{"path":251,"title":252,"description":253,"date":254,"category":255,"tags":256},"\u002Fdocs\u002Fcanvas-vs-svg","Canvas 与 SVG 绘图方案选型","对比 Canvas 与 SVG 两种绘图方案的优缺点与适用场景，给出选型判断依据。","2024-12-09","visualization",[257,258,259,234],"canvas","svg","performance",{"path":214,"title":5,"description":209,"date":208,"category":207,"tags":261},[219,220,221],{"path":263,"title":264,"description":265,"date":208,"category":266,"tags":267},"\u002Fdocs\u002Finterview-browser-network","浏览器与网络考点","从输入 URL 到页面呈现的完整链路，涵盖渲染流程、回流重绘、HTTP 报文与状态码、跨域同源策略与常见攻击方式。","interview",[268,269,270,259,221],"browser","http","network",{"path":272,"title":273,"description":274,"date":208,"category":266,"tags":275},"\u002Fdocs\u002Finterview-css-layout","CSS 与布局考点","em 与 rem 的区别、移动端三种适配方案对比、viewport 标准设置与 REM 布局的媒体查询实现。",[220,231,234,221],{"path":277,"title":278,"description":279,"date":208,"category":266,"tags":280},"\u002Fdocs\u002Finterview-framework-tooling","框架与工程化考点","React diff 与 setState 机制、Redux 核心组成、Vue 常考清单，以及 Webpack、Vite、Git 的面试要点。",[281,232,282,283,221],"vue","webpack","vite",{"path":285,"title":286,"description":287,"date":208,"category":266,"tags":288},"\u002Fdocs\u002Finterview-javascript-core","JavaScript 核心考点","数据类型、this 绑定、闭包、原型链、异步与数组方法，前端面试中 JS 部分的高频考点与代码示例。",[232,233,221],{"path":290,"title":291,"description":292,"date":208,"category":293,"tags":294},"\u002Fdocs\u002Fjs-module-systems","JavaScript 模块化方案","梳理 CommonJS、AMD、ES Module 等模块化方案的差异与使用方式。","fundamentals",[232,295,233,221],"module-system",{"path":297,"title":298,"description":299,"date":208,"category":293,"tags":300},"\u002Fdocs\u002Fwebsocket-basics","WebSocket 基础","WebSocket 全双工通信协议的事件、方法与基本用法整理。",[301,270,232,221],"websocket",{"path":303,"title":304,"description":305,"date":306,"category":255,"tags":307},"\u002Fdocs\u002Fgojs-getting-started","GoJS 入门实战","从引入方式、画布初始化到节点模板与数据绑定，一份可直接上手的 GoJS 流程图开发笔记。","2024-08-22",[308,232,221],"gojs",{"path":310,"title":311,"description":312,"date":313,"category":255,"tags":314},"\u002Fdocs\u002Fecharts-options-notes","ECharts 配置项速查","整理 ECharts 常用 option 配置：数据格式、坐标轴、图例与交互项的实际用法。","2024-08-09",[315,232,243],"echarts",{"path":317,"title":318,"description":319,"date":320,"category":293,"tags":321},"\u002Fdocs\u002Fhttp-status-codes","HTTP 响应状态码详解","按 1xx 到 5xx 分类梳理 HTTP 状态码的含义与典型使用场景。","2024-06-27",[269,270,243],{"path":323,"title":324,"description":325,"date":326,"category":293,"tags":327},"\u002Fdocs\u002Fhtml-basics","HTML 基础笔记","HTML 语法规范、常用标签、表格与表单元素速查。","2022-06-10",[231,221,243],1788337378806]