搜索结果106

页面 Windfonts 用户文档/设计师 在 Photoshop、Illustrator、InDesign 里用文风字体 适合谁看：用 Adobe 软件做设计，想用文风字体库里的字的设计师。 安装 Adobe 软件使用电脑上已安装的字体。先下载原件并装好： 到 wenfeng.org 的字体条目下载原件，或按条目链接去作者、厂商官网下载。见《下载原件和切片：什么能下、怎么用》。 安装后重启 Adobe 软件。装好却找不到，按《装好的字体在设计软件里找不到怎么办》 排查。 中文字体在字体菜单里可能显示英文名，可以用英文名搜，例如思源黑体搜「Source Han Sans」。 打开别人的文件提示缺字体 Photoshop：选择「文字 > ... 更新于 1 小时前 → 页面 Windfonts 用户文档/设计师 给客户做项目：字体许可谁负责、交付时附什么 适合谁看：接外包、在设计公司或代理商工作，要把设计成果交给客户的设计师和项目经理。 本页是一般性的做法建议，不构成法律意见。 责任怎么分，以你和客户签的合同为准；合同里没写清的，请咨询律师。文风不对具体项目的责任划分作出承诺。 先在合同里写清楚 字体许可最容易在交付后才出问题。签约时把这几件事写进合同或报价单： 要写清的事 说明 字体由谁选、谁买 设计方推荐，客户确认；需要付费授权的，写明由谁购买、授权主体是谁 授权主体 商业字体的授权通常要以实际使用方（往往是客户）的名义购买 用途范围 网页、印刷、视频、App、... 更新于 1 小时前 → 页面 Windfonts 用户文档/设计师 改字和做字标：开源许可允许什么 适合谁看：想用开源字体做标志、字标，或者想改动字形、补字后再发布的设计师。 本页以最常见的 SIL 开放字体许可证（OFL）为例。其他协议请读各自原文。本页是操作说明，不构成法律意见。 用 OFL 字体做标志和字标 OFL 官方常见问题说明：可以用 OFL 字体做标志、图形、招牌等作品，作品归你，不需要另外取得许可或署名。 做法上： 把字转曲后再调整字形、做成标志图形，是在做「作品」，不是在发布一款新字体。 注册商标前，仍建议读一遍许可原文，并咨询商标代理或律师。 免费商用的厂商字体，很多条款对商标、标志另有限制，... 更新于 1 小时前 → 页面 Windfonts 用户文档/设计师 多字重家族和可变字体怎么挑 适合谁看：要给品牌、产品界面或出版物选一整套字体的设计师。 字重是什么 字重就是笔画粗细的档位，常见的名字从细到粗是 Thin、ExtraLight、Light、Regular、Medium、SemiBold、Bold、ExtraBold、Heavy、Black。不同字体的命名不完全一样，以字体页「字重」一栏为准。 要几档才够 场景 建议 海报、单页 两三档就够：标题粗、正文常规 品牌系统、产品界面 至少 Regular、Medium、Bold；有细体更好 书刊、长文档 正文一档加一档加粗用于强调 挑多字重家族的好... 更新于 1 小时前 → 页面 Windfonts 用户文档/设计师 像素字、手写体和书法体的使用边界 适合谁看：喜欢用有个性的字体，想知道它们适合用在哪里、不适合用在哪里的设计师。 展示用和正文用 字体大致可以分成两类： 正文字体：为长时间阅读设计，字形规整、小字号也清楚，比如常规的黑体、宋体、楷体。 展示字体：为吸引注意设计，个性强，适合大字号和少量文字，比如书法体、手写体、像素体、美术字。 把展示字体用在大段正文上，读者会很累；把正文字体用在主视觉上，画面可能缺少个性。 各类字体的边界 类型 适合 不适合 要注意 像素字 游戏界面、复古数码风格、标题 大段正文、需要正式感的场合 像素字通常在特定字号（设计格子的... 更新于 1 小时前 → 页面 Windfonts 用户文档/设计师 品牌方不等于制作方：别拿一款字的许可推断另一款 适合谁看：看到「某某厂商的字都能免费商用」这类说法，想弄清楚的设计师和采购。 三个容易混的角色 角色 是谁 例子 品牌方（出资方） 出钱请人做字、拥有版权的公司 某互联网公司发布自己的品牌字体 制作方（受托方） 受委托做字的字库厂商 字库厂商为品牌代工 发布方 把字体放出来给大家用的一方 可能是品牌方，也可能是作者本人 为什么不能互相推断 品牌方放出的免费商用字，不代表制作方的其他字也免费。 字库厂商受托做的字，版权在出资的品牌方；这家厂商自己的字库产品，通常是付费授权。 同一家的两款字，许可可能完全不同。 一家公... 更新于 1 小时前 → 页面 Windfonts 用户文档/设计师 从设计稿到上线：怎么和前端对接字体 适合谁看：做网页、小程序、App 界面的设计师，以及接设计稿的前端。 设计稿里的字，到了网页上经常「长得不一样」。原因大多是交接时信息没给全。 设计师交接时给这几项 项目 例子 为什么需要 字体名和目录名 霞鹜文楷，目录名 xwwk 前端据此拼出网页字体地址 用到的字重 Regular、Bold 每档字重要单独加载 用在哪里 标题用 A，正文用 B 只给需要的地方加载 文字量 只有几个固定标题，还是用户输入的任意文字 决定子集怎么选 备用字体 字体没加载出来时用系统黑体 写进 font-family 的备用顺序... 更新于 1 小时前 → 页面 Windfonts 用户文档/设计师 文风精选：按场景挑字 适合谁看：不知道从哪款字开始挑的设计师和普通用户。 下面的字都在文风字体库上架，目前标为「开源商用」，在 wenfeng.org 有归档的许可原文。名单只是起点，用之前仍请读一遍许可原文，并确认你的用法在许可范围内。 每款字给两个链接：「字体页」看样张、字重和查字；「许可原文」看归档的协议全文和保留字体名。 正文阅读（文章、电子书、讲义） 字体 类型 协议 说明 链接 思源宋体 宋体 OFL-1.1 字重齐全，从细到粗多档，印刷和屏幕正文都常用 字体页 · 许可原文 霞鹜文楷 楷体 OFL-1.1 笔画柔和，适合屏... 更新于 1 小时前 → 页面 Windfonts 用户文档 文风的几个网址各管什么 适合谁看：在不同页面看到 windfonts.com、app.windfonts.com、cn.windfonts.com、wenfeng.org，分不清该去哪个的人。 文风有好几个网址，分工不同。记住一句话：挑字去 app，拿文件和看许可去 wenfeng.org，网页代码里只写 cn。 一张表看懂 网址 叫什么 用来做什么 不做什么 app.windfonts.com 文风字体（字体库） 逛字库、看样张、查字、看许可档位、复制网页引用代码、看厂商和谱系 不替你判断具体项目能否商用 cn.windfonts.co... 更新于 1 小时前 → 页面 Windfonts 用户文档 怎么找字：字体库、筛选、厂商和谱系 适合谁看：想在文风字体里找一款合适的字，但不知道从哪里下手的人。 先想清楚三件事 用在哪里：网页、海报、视频字幕、印刷品、App 界面…… 要什么气质：黑体（无衬线）干净，宋体和仿宋正式，楷体亲切，圆体活泼，手写和书法体有个性。 能不能商用：正式项目先只看「开源商用」和「免费商用」两档，再读原文（见《许可档位与标签》）。 在字体库里筛 打开 https://app.windfonts.com/fonts ，可以按分类、许可档位、用途标签筛选，也可以直接搜字体名（中文名、英文名都行）。 找到候选后，点进字体页，重点看... 更新于 1 小时前 → 页面 Windfonts 用户文档 这款字能不能商用：五步自查 适合谁看：要把字体用在公司项目、商品、广告或收费内容上，想先确认能不能用的人。 下面五步，每步都能在文风的页面上查到。走完一遍通常只要几分钟。本页是操作说明，不构成法律意见；具体项目拿不准时，请咨询律师或直接问权利人。 第 1 步：看许可档位 打开字体页（ https://app.windfonts.com/fonts/{目录名}），看「授权」区的档位。 档位 下一步 开源商用 继续第 2 步 免费商用 继续第 2 步，并格外留意第 3 步的限制 个人免费、付费授权、联系授权 不要直接商用，去找权利人买授权或问清楚... 更新于 1 小时前 → 页面 Windfonts 用户文档 下载原件和切片：什么能下、怎么用 适合谁看：想把字体装到电脑上，或者想把网页字体放到自己服务器上的人。 文风提供两种文件，用途完全不同： 原件 切片包 是什么 字体的原始 TTF / OTF 文件或官方归档包 拆好的 woff2 小文件加一份 fonts.css 用来做什么 安装到电脑，用在设计软件、Office 里 放到你自己的网站或 WordPress 主题里 去哪里拿 https://wenfeng.org/source/{目录名}/ 同一页的「切片包」 先看这款字现在能不能拿 wenfeng.org 的字体条目第一屏会写清状态： 状态 意... 更新于 1 小时前 → 页面 Windfonts 用户文档 缺字、报错和勘误怎么反馈 适合谁看：发现某款字缺字、显示有问题、许可信息写错，或者本文档有错漏的人。 先分清是哪一类问题 问题 怎么办 字体里没有某个字 先在字体页「字符表 · 查字」确认。字体本身缺字，文风不会替作者补字；可以换一款字，或在网页里设好备用字体，见《繁体、日文、生僻字显示成方框怎么办》 网页上字体不生效、粗细不对 按《开发常见问题》 排查 某款字的许可、作者、出处写错了 写信到 license@wenfeng.org 你是权利人，对某个条目有异议 写信到 license@wenfeng.org，附上权利证明 本文档有错漏 写... 更新于 1 小时前 → 页面 Windfonts 开发者文档 快速开始：一行代码用上中文网页字体 适合谁看：第一次在网页里接入文风字体的前端开发者。 文风字体把每款字按字重拆成许多 woff2 小文件，并配好一份 CSS。你只需要引入这份 CSS，再在样式里写上字体名。浏览器会按 unicode-range 只下载页面实际用到的那几片。 三步接入 1. 选字，确认许可。 在 字体库 打开字体页，看「字重」和许可档位。正式上线前读一遍许可原文，见《这款字能不能商用：五步自查》。 2. 引入 CSS。 地址格式： https://cn.windfonts.com/fonts-packages/{目录名}/{字重}... 更新于 1 小时前 → 页面 Windfonts 开发者文档 网页字体地址规则 适合谁看：需要自己拼字体 CSS 地址、或批量接入多款字的开发者。 地址格式 https://cn.windfonts.com/fonts-packages/{目录名}/{字重}/{子集}/result.css 段 怎么填 例子 {目录名} 字体页网址 app.windfonts.com/fonts/ 后面那一段，全部小写 xwwk、 syhtsc {字重} 字体页「字重」里列出的名字，大小写照抄 Regular、 Bold、 Oblique {子集} full、 zh、 zh-common、 en 之一 ful... 更新于 1 小时前 → 页面 Windfonts 开发者文档 在 CSS 里使用：字体名、备用字体和多字重 适合谁看：已经引入了字体 CSS，要把字体用到页面具体位置、或要同时用多个字重的开发者。 字体名从 CSS 里抄 文风每款字 CSS 里声明的 font-family 名字格式不统一，有的是 WF- 开头，有的是 windfonts- 或 wenfeng- 开头。以你引入的那份 CSS 为准：在浏览器打开 CSS 地址，搜 font-family，复制引号里的内容。 .article { font-family: "从 CSS 里抄的名字", "PingFang SC", "Hiragino Sans... 更新于 1 小时前 → 页面 Windfonts 开发者文档 性能：子集、字体显示策略和预连接 适合谁看：关心首屏速度和流量的前端开发者、站长。 浏览器只下载用到的分片 文风的 CSS 由很多条 @font-face 组成，每条带一个 unicode-range，对应一个 woff2 分片。页面上出现了哪些字，浏览器就只下载包含这些字的分片。所以引入 full 不等于下载整个字体。 unicode-range 的原理见 MDN（英文）：unicode-range。 选更小的子集 情况 建议 内容不固定，有用户评论、人名地名 full 基本是中文，偶有英文 zh，西文交给备用字体或另一款西文字体 落地页、... 更新于 1 小时前 → 页面 Windfonts 开发者文档 自托管切片与 WordPress 主题 适合谁看：想把字体文件放在自己服务器上、不从文风加载的开发者和 WordPress 主题作者。 什么时候自托管 内网系统、离线环境，访问不到外部地址。 对第三方请求有严格要求的站点。 想把字体和主题一起打包发布。 其他情况直接引用文风的 CSS 更省事，见《快速开始：一行代码用上中文网页字体》。 先确认许可允许 自托管等于你在自己的服务器上再分发字体文件。开源字体（OFL、Apache、MIT、IPA 等）一般允许；厂商的免费商用字体常常不允许单独再分发字体文件，或要求只能从官网下载。动手前先看许可原文，见《这款字... 更新于 1 小时前 →