当前位置: 首页 > news >正文

Shantell Sans:融合多语言支持与可变轴创新的艺术家手写灵感字体!

Shantell Sans®

[设计过程](process) 下载 菜单

  • [Shantell Sans 的故事](process)
  • [在 Google Fonts 上获取 →](https://fonts.google.com/specimen/Shantell+Sans)
  • [在 GitHub 上查看项目 →](https://github.com/arrowtype/shantell-sans)
  • [下载最新版本 ↓](https://github.com/arrowtype/shantell-sans/releases/download/1.011/Shantell_Sans_1.011.zip)

Shantell Sans 的故事

Shantell Sans 融合字重、斜体、随性度和弹性等可变轴,提供多样字体样式,从日常实用到动画实验风格都有。下面为你讲述其灵感来源与创作背后的故事。

为何要设计一款新字体?

艺术家 Shantell Martin

我最早与文字结缘在小学,每周拼写测试总通不过,常留校受罚。虽怕拼写测试,但我热爱文字,常书写绘画,文字能帮我表达情感。20 或 21 岁时,我发现自己有诵读困难症。在伦敦中央圣马丁学院攻读艺术学位时,周围很多人有诵读困难症,我融入创意人群。但很多老师没发现我阅读挑战,不支持我学习读写,反而惩罚我。

创作自己的字体能赋予人们读写能力,不论他们与文字的关系如何。我想把自己的文字、手写笔迹做成有趣又专业、实用的字体,设计一种让人感觉易上手且开放的字体,提醒大家文字像绘画,可按自己方式使用。

我受 Comic Sans 字体启发,从小喜欢它俏皮易读的特点,对我这个诵读困难症患者尤其友好。我认为字体能引发情感反应,间距稍大的字体更亲切,小且花哨的字体让人不想碰。字体用途会赋予其个性,有严重诵读困难症的人不会拿小字体、文字间距小的书,普通乏味的字体也无法吸引阅读。

为启动项目,Stephen Nixon 寄给我一个有线条的模板,让我手写所有拉丁字母、数字和符号,他用我的手写笔迹创建了数字字体。

免费分享字体

为让字体实用,我将 Shantell Sans 以开放字体 [许可证](https://fonts.google.com/knowledge/glossary/licensing) 形式发布,这是我给世界的礼物。免费提供字体能让更多人使用,也会通过 Google Fonts 等平台广泛传播。

我想创作一款在世艺术家设计的字体,激励其他艺术家创作排版作品。我好奇人们会用它做什么,虽字体基于我的手写笔迹很个人化,但我放弃了控制权。

我希望儿童和年轻人使用 Shantell Sans 并了解其由来,希望它用于个人或更大的设计项目。把这样的东西推向世界,其使用方式可能超乎想象。

Shantell Sans 的早期应用

我已在一些项目中使用 Shantell Sans。为纽约市惠特尼博物馆商店设计了带该字体的钥匙链;与金融服务平台 Cash App 合作,设计的现金卡上所有内容都用了 Shantell Sans 字体。

此外,其他一些品牌也开始创造性使用 Shantell Sans。网络协作绘图应用 tldraw 将其作为主要书写字体;应用 univer.se 用它制作网站建设模板。

现在,可通过 [Google Fonts](https://fonts.google.com/specimen/Shantell+Sans)、[Google Docs](https://docs.google.com/document/d/1StoSWKAkyDhHLeBe_2kVe-7EXfBcoSs6J7d-uW2vDsM/edit?usp=sharing) 以及从 [GitHub 开源仓库下载](https://github.com/arrowtype/shantell-sans/releases/download/1.011/Shantell_Sans_1.011.zip) 获得 Shantell Sans,任何人都能用它创作。若用其创作作品并发布到社交媒体,请用 **#shantellsans** 标签,我很想看看你创作的内容!

设计过程

字体设计师兼开发者 Stephen Nixon(ArrowType)

Shantell 最初联系我定制字体,表示“想设计一款实用、美观、巧妙且有创意的字体”,我既荣幸又感兴趣。我通过大型壁画了解她的作品,喜欢其探索性、半自发且俏皮的线条艺术,得知她更多创意和技术成果时很兴奋。

我们聊了字体可能的样子,她想设计“一款新的 Comic Sans”吸引了我。很少有字体像 Comic Sans 那样在文化上普及,每个人对它看法不一。成功的创意作品能引发情感共鸣,喜欢它的人觉得有趣亲切,讨厌它的人可思考原因。

Comic Sans 为微软的 Bob 软件设计,旨在提供友好用户界面。微软 Bob 发布时 Comic Sans 未完成,且 Bob 反响平平,但 Comic Sans 后来被预装在操作系统中,深受大量用户喜爱,应用广泛。

需明确,Shantell Sans 项目不是设计新的 Comic Sans,也非直接衍生,而是找出 Comic Sans 受欢迎原因,应用到新字体上。

设计目标

如今“一款新的 Comic Sans”意味着什么,怎样融入 Shantell Martin 的艺术世界?引出以下设计目标:

  1. 吸引普通计算机用户,而非仅排版爱好者。
  2. 易于在各种通信场景使用。
  3. 可供广泛人群使用。
  4. 清晰易读。
  5. 有所创新,不简单重复过去设计。

1. 日常吸引力

为让字体有日常吸引力,基于毡尖笔手写风格,Shantell 的手写笔迹是好起点。保留书写特点,简化外观为适合数字形式的样式。

2. 易于使用

为在各种通信场景轻松使用,字体应符合现代字体比例和样式预期。将 Shantell Sans 的字体指标设置得与常用字体(如 Roboto)相近,使用稍宽的字形宽度和间距保证易读性并保持视觉一致。这些设计使它在网站、应用程序等日常场景易用,大尺寸有个性,小字号表现出色。

3. 可用性和可获取性

为让更多人使用,字体支持多种语言。Shantell Sans 遵循并略超出 Google Fonts 的字形集 _[Latin Plus](https://github.com/googlefonts/glyphsets/tree/main/GF_glyphsets/Latin)_ 和 _[Cyrillic Plus](https://github.com/googlefonts/glyphsets/tree/main/GF_glyphsets/Cyrillic)_ ,支持 380 多种使用拉丁和西里尔字母的语言,涵盖欧洲、美洲和中亚地区。

为让更多人获取,将其作为免费开源字体发布,在 OFL 许可证支持下借助 Google Fonts 推广实现目标。

4. 易读性

为确保易读,字符间能清晰区分。Shantell 自然书写的字母,如 **b**、**d**、**p**、**q** 以及 **n** 和 **u** 有明显区别。大小写的 **I** 和数字 **1** 也做了区分,大写 **I** 加衬线,**1** 加小弯钩。小写的 **n** 和 **u** 不同,**n** 有“之字形”,**u** 是简化形式。**a** 和 **g** 采用单层形式,使字体友好熟悉。

5. 创新

为创新,字体有丰富字重变化,通过可变字体实现广泛风格变化,为设计师和开发者提供创意空间。将 Shantell 作品自由自然的风格融入可变字体的实验性轴。

Shantell Sans 包含 OpenType 特性,如等宽数字与比例数字、分数和本地化形式,满足精细排版需求。

我很幸运能基于艺术家的手写笔迹设计字体,想将“高级”手写字体的工艺和细节融入项目,而非制作自动描摹的毡尖笔字体。

设计与制作

与 Shantell 确定核心目标后开始工作。她选了 Staedtler Lumocolor M 毡尖笔,写下包含所有字母的大小写全字母句、数字、标点符号等。扫描后我进行描摹,调整字符比例使其更标准化一致,保留字母形状关键特征。

我们探讨字体美学方向,选择折中的方案,笔画有尖锐度和对比度,厚度更均匀,端点柔和呈半圆形,保留马克笔书写感觉又显亲切友好。

新的可变轴

打下基础后,我制作额外样式,引入扫描手写样本中的不规则元素。水平笔画多的字母高,垂直笔画多的字母宽短,简单形状字母小,水平横杠有长笔画延伸。要平衡融入个性和保持规范性。

使用 Python 代码生成源文件构建可变字体和静态字体。最终字体包含“弹性”和“随性度”风格轴,通过脚本创建弹性和随性风格,源文件提供多个备用字形,字体可伪随机切换,呈现活力书写效果,效果可调整。

这些实验性风格能实现动态字体效果,虽通过其他方式也能实现动画效果,但这里以易用且设计深思熟虑的方式提供新美学。

为 Google Fonts 和开源发布扩展字体

因 Shantell 想将 Shantell Sans 开源,我们联系 Google Fonts 赞助扩展功能。在其支持下,扩展风格范围,创建完整斜体样式,添加“间距”轴,增加字母间距,在默认不支持该选项的软件中有用。

还扩展语言支持范围,拉丁字母表增加越南语字符和货币符号,添加西里尔字母支持新语言集。

设计 Shantell Sans 西里尔字母版

字体设计师 Anya Danilova

西里尔字母用于欧亚大陆许多语言。设计西里尔字母字体与拉丁字母字体相似,与阿拉伯字母字体不同。西里尔字母中有些字形与拉丁字母相同,有些需更多关注,设计受特定人手写笔迹启发的字体有挑战性。

为手写字体设计另一字母表像翻译诗歌,要保留独特风格又运用目标语言结构。Shantell 只写拉丁字母,我要将她的字形转化为西里尔字母,思考哪些字母是草书,哪些是印刷体。

让 Shantell 用俄语写几句话,我尝试不同字母形式,在不同语言文本中比较形状,与其他西里尔字母字体设计师交流,多数时候对形状“合适”与否感觉一致。

在保加利亚语和塞尔维亚语中,要关注特殊形状,如保加利亚语中的 **t** 可能与西里尔字母 **m** 混淆需调整。对于塞尔维亚语中的 **nje** 等字母,咨询设计师确保对母语读者自然。

参与项目很有趣,设计西里尔字母版有诸多挑战。期待看到字体应用,希望它在各种西里尔语言和拉丁语言排版中发挥作用。

感谢阅读!

希望了解 Shantell Sans 的背景能让你对字体和字体设计过程有更深入理解。

若你有创意想法需独特字体,或想试用新字体获灵感,不妨试试 Shantell Sans!

可在 [Google Fonts](https://fonts.google.com/specimen/Shantell+Sans) 上获取,也可从 [开源仓库](https://github.com/arrowtype/shantell-sans/releases/latest) 下载最新版本。还可在 Google Docs、Slides 和其他 Workspace 产品中使用:

  1. 在文档中,打开字体菜单,点击“更多字体”。
  2. 在弹出面板中,搜索“Shantell Sans”。
  3. 点击字体家族将其添加到字体菜单中。

注意:Google Material Design Blog 有 [这篇文章的简化版](https://material.io/blog/shantell-martin-variable-font)。

“愿你……” 文字作者 [Shantell Martin](https://shantellmartin.art)。

网站由 [ArrowType](https://arrowtype.com) 制作。

------------

[GitHub 上的 Shantell Sans](https://github.com/arrowtype/shantell-sans)

[查看此网站的源代码](https://github.com/arrowtype/shantell-sans-specimen)

------------

http://www.jsqmd.com/news/921809/

相关文章:

  • 告别手动翻找!用Windows批处理5分钟搞定照片/文档的批量提取(附.bat文件模板)
  • 手把手调优寒武纪MLU推理性能:从Cluster级并行到Core级流水线的完整实战
  • 【信息科学与工程学】【物理/化学科学和工程技术】知识体系53 结构学知识01——钢结构/玻璃结构/土木结构/芯片结构
  • 从LIME到SHAP:可解释AI技术原理、应用与工程实践全解析
  • zerolang:Vercel 造了一门给 AI Agent 写代码的编程语言
  • ZYNQ裸机双网口通信实战:手把手教你用LWIP和SDK搭建TCP服务器(附完整源码)
  • 最新珠海市贵金属全品类黄金回收白银回收铂金回收 黄金变现避坑,专业回收全程透明:实力口碑排行榜门店及联系方式推荐 - 前途无量YY
  • 高价值开源贡献如何提升应届生竞争力
  • 等高线图解读:从数据可视化到工程决策的实战指南
  • ChatGPT技术原理、能力边界与高效使用指南
  • 最新株洲市贵金属全品类黄金回收白银回收铂金回收 黄金变现避坑,专业回收全程透明:实力口碑排行榜门店及联系方式推荐 - 前途无量YY
  • 购物卡回收攻略,教你天猫超市购物卡快速变现! - 团团收购物卡回收
  • 紫光同创PGL22G开发板DDR3读写实验:从IP核安装到上板验证的完整避坑指南
  • AI项目成功基石:从数据收集到模型落地的五层金字塔实践
  • 从100+次用户访谈洞察AI产品设计:行为模式、提示工程与习惯养成
  • 从一次证书过期故障说起:深度复盘CentOS 7 chrony服务配置的那些‘坑’
  • 如何用5步实现B站视频转文字:小白也能快速提取视频内容
  • FinalShell安装踩坑实录:从‘软件正在运行’报错到成功连接Ubuntu 22.04的全过程
  • 树莓派外接屏幕驱动安装全攻略:从GitHub下载到命令行配置,一次搞定
  • 【二次分配问题】基于遗传算法 (GA)、粒子群优化 (PSO) 和萤火虫算法 (FA) 求解二次分配( QAP)问题(MATLAB 实现)
  • 校园网没WiFi密码?一根网线搞定树莓派SSH连接(Windows 11/10保姆级教程)
  • 别再折腾蓝屏了!Ubuntu 18.04 一键脚本搞定 XRDP 远程桌面(附脚本下载与避坑指南)
  • 最新新乡市贵金属全品类黄金回收白银回收铂金回收 黄金变现避坑,专业回收全程透明:实力口碑排行榜门店及联系方式推荐 - 前途无量YY
  • 手把手教你搞定IEEE GRSL投稿:Latex模板、返修回复信与版权转移全流程详解
  • 第一次打JSCPC(江苏省赛)就差点拿牌?给ACM新手的5点避坑指南
  • 告别Arduino IDE!用VSCode+PlatformIO给ESP32开发板点灯(附CH340驱动安装避坑)
  • Kali Linux 2023下,手把手教你搞定Ubertooth One驱动与固件识别(附常见报错解决)
  • PCB设计避坑指南:搞懂电压型与电流型PHY,你的网络变压器中心抽头到底该接电容还是电源?
  • 别再用Excel硬扛了!手把手教你用SPSS 25.0搞定销售数据预测(附完整数据文件)
  • 手把手教你配置ZYNQ Ultrascale+ MPSoC的DDR4:从MT40A512M16选型到Vivado参数实战