Show HN: Monolisa v3 – 一款面向开发者和创意工作者的字体

# MonoLisa 来源：https://www.monolisa.dev/ ## MonoLisa ## 字体追随*功能* 一款专为开发者与创意人士打造的字体，MonoLisa 能提升代码可读性，并为所有设计任务提供清晰的无衬线方案。 ### 用户评价 Gant Laborde (http://gantlaborde.com/)Gant Laborde (http://gantlaborde.com/)Infinite Red 首席信息官> 作为顾问、讲师和演讲者，拥有一款干净且吸引人的等宽字体至关重要。MonoLisa 既能完美传递信息，又不失个性——那抹温柔的微笑恰到好处。 Kyle Welch (https://twitter.com/kylewelch)Kyle Welch (https://twitter.com/kylewelch)Eventbrite 高级软件开发工程师> MonoLisa 如今已成为我在所有场景下的首选字体。它甚至成了我终端和代码中的标配，以至于看到其他字体时我会感到困惑。精心设计的独特字符让全天候的解析与阅读变得轻松简单。 Horacio Herrera (https://www.horacioh.com/)Horacio Herrera (https://www.horacioh.com/)独立顾问> 这款字体极其锐利，我的代码可读性大幅提升！绝对是我会长期使用的字体。 Mark Dalgleish (http://markdalgleish.com/)Mark Dalgleish (http://markdalgleish.com/)SEEK 开发者> 过去几个月里，我一直将 MonoLisa 作为编辑器字体。经过短暂的适应期后，我真正爱上了它。相比之下，回到任何旧字体选择都感觉是一种降级。 David Khourshid (https://codepen.io/davidkpiano)David Khourshid (https://codepen.io/davidkpiano)微软软件开发工程师> 我使用这款字体已有数月。虽然它稍宽的字符需要一点时间适应，但最终我逐渐喜欢上了它，并发现它完美契合了我的日常工作流程。一款出色的高质量字体，强烈推荐！ Sara Vieira (https://www.iamsaravieira.com/)Sara Vieira (https://www.iamsaravieira.com/)CodeSandbox 工程师> 作为一个有眼疾的人，这款字体让我的生活轻松了许多。不仅限于编程，在设计领域同样适用——因为它不仅提供常规字重，还包含全套字重，因此你可以将它用于设计、Logo 以及任何等宽字体适用的场景。 Cassidy Williams (https://cassidoo.co/)Cassidy Williams (https://cassidoo.co/)Contenda 首席技术官> 在尝试了终端和 IDE 中的多种字体后，我最终换用了 MonoLisa。作为编程讲师和演讲者（以及平时大量编码的人），可读性始终是我对字体的首要要求。 Kent C. Dodds (https://kentcdodds.com/)Kent C. Dodds (https://kentcdodds.com/)用软件改善人们的生活> 我并非字体发烧友，但使用这款字体仅几天后，我就喜欢上了它。（而且大家总是忍不住问我用的是什么字体。）双赞 👍👍 Dominik Sumer (https://twitter.com/dominiksumer)Dominik Sumer (https://twitter.com/dominiksumer)seriouscode.io 联合创始人> 喜欢这款字体的美学以及它如何提升代码可读性。这也是我们决定将其用作 snappify.io (https://snappify.io/) 默认字体的原因。 Michał Popek (https://michal.popek.co/)Michał Popek (https://michal.popek.co/)前端开发者> 我之前一直有视力问题，MonoLisa 大大减轻了我眼睛的负担，帮了我很多。 Caleb Porzio (https://calebporzio.com/)Caleb Porzio (https://calebporzio.com/)Alpine.js 创建者> 在我看来，MonoLisa 是完美的编程字体。宽松、时尚且超级易读。我从未想过自己会对一款字体产生如此强烈的感受，但事实就是如此。 ## MonoLisa 字体家族 MonoLisa Code 和 MonoLisa Text 共享相同设计理念与特征，使 MonoLisa 脱颖而出：独特的字形、精心平衡的间距以及广泛的语言支持。无论是编写代码还是设计界面，MonoLisa 都能为你的工作带来清晰与风格。 ## AI 时代的完美搭配 AI 助手既生成代码也生成文字。MonoLisa Text 以最佳可读性呈现长篇说明，而 MonoLisa Code 则让你的代码晶莹剔透。AI 时代的完美搭配。 Markdown 源码渲染后输出 ## 区分度 区分度对于优秀的编程字体至关重要，因为它能*减少歧义并帮助避免错误*，这些错误可能导致软件缺陷。MonoLisa 的字形完美契合，同时彼此区分鲜明，你的眼睛能轻松分辨。 Il1相似字符看起来不同db不同的 lowercase 连笔CG不同的大写字母终端 ## 斜体 如果斜体还不够，还有手写风格的脚本变体。 ## 脚本 如果简单的*斜体*还不够，还可以使用*脚本*版本。 那只敏捷的棕色狐狸跳过 lazy 狗并跑远了。 ## 可变 MonoLisa 作为一款具有两个轴的可变字体发布。**Weight**为你提供从 Thin 到 Black 的每个切面，全部包含在一个文件中——无需按样式占用兆字节。**Grade**通过调整笔画粗细微调印刷色彩，同时不改变字形宽度。因此，深色背景或你个人的偏好可以单独设置，而布局保持不变。 Weight 400 Grade 0 设置`font-variation-settings: "GRAD" -50`以在深色背景上进行补偿。两个轴——`weight`和`grade`——同时应用于 MonoLisa Text 和 MonoLisa Code，因此正文和内联标记会一起变化。 当前背景 — GRAD-50 设置`font-variation-settings: "GRAD" -50`以在深色背景上进行补偿。两个轴——`weight`和`grade`——同时应用于 MonoLisa Text 和 MonoLisa Code，因此正文和内联标记会一起变化。 反色背景 — GRAD0 ## 语言 MonoLisa Code 和 MonoLisa Text 均支持超过 200 种语言 (https://www.monolisa.dev/faq#what-languages-does-monolisa-support) 及多种字母系统，包括拉丁语、亚美尼亚语、西里尔语、希腊语、希伯来语等。同样水平的精细与用心贯穿整个字体家族的所有文字。 FrançaisհայկУкраїнськаΕλληνικάטיפוגרפיה ## OpenType 特性 MonoLisa 包含众多 OpenType 特性，可实现前所未有的自定义程度。 OpenType 特性在专业图形软件中得到了很好的支持。遗憾的是，它们仍无法在大多数文本编辑器中使用。为了让 MonoLisa 在所有环境中正常工作，我们允许你在下载前通过几次点击选择想要使用的特性，从而打造一款独一无二、为你定制的字体。查看测试页面 (https://www.monolisa.dev/tester) 以了解所有特性的实际效果。 ### 常见特性 #### 上下文替代形式calt 1:11:1 #### 大小写敏感形式case ¡M!¡M! #### 自由连字dlig fifi #### 空白连字liga {|{| #### 旧式数字onum 3636 #### 脚本变体 [仅斜体]ss01 *f**f* #### Alt g 1 [仅正体]ss03 gg #### Alt g 2 [仅正体]ss04 gg #### 传统 @ss06 @@ #### 传统 *ss07 ** #### 细双反斜杠ss12 \\\\ #### 十六进制 x [乘号]ss13 0xF0xF ### 仅代码特性 #### Markdown 标题cv01 #### #### 小于、斜杠、大于cv02 </></> #### 小于、竖线、大于cv03 <|><|> #### 小于、连字符、大于cv04 <-><-> #### 小于、等于、大于cv05 <=><=> #### 等号组合cv09 ==== #### Alt .= ...= 连字cv10 .=.= #### 波浪线组合cv11 <~><~> #### & 符号组合cv12 &>&> ### 用户评价 Gant Laborde (http://gantlaborde.com/)Gant Laborde (http://gantlaborde.com/)Infinite Red 首席信息官> 作为顾问、讲师和演讲者，拥有一款干净且吸引人的等宽字体至关重要。MonoLisa 既能完美传递信息，又不失个性——那抹温柔的微笑恰到好处。 Kyle Welch (https://twitter.com/kylewelch)Kyle Welch (https://twitter.com/kylewelch)Eventbrite 高级软件开发工程师> MonoLisa 如今已成为我在所有场景下的首选字体。它甚至成了我终端和代码中的标配，以至于看到其他字体时我会感到困惑。精心设计的独特字符让全天候的解析与阅读变得轻松简单。 Horacio Herrera (https://www.horacioh.com/)Horacio Herrera (https://www.horacioh.com/)独立顾问> 这款字体极其锐利，我的代码可读性大幅提升！绝对是我会长期使用的字体。 Mark Dalgleish (http://markdalgleish.com/)Mark Dalgleish (http://markdalgleish.com/)SEEK 开发者> 过去几个月里，我一直将 MonoLisa 作为编辑器字体。经过短暂的适应期后，我真正爱上了它。相比之下，回到任何旧字体选择都感觉是一种降级。 David Khourshid (https://codepen.io/davidkpiano)David Khourshid (https://codepen.io/davidkpiano)微软软件开发工程师> 我使用这款字体已有数月。虽然它稍宽的字符需要一点时间适应，但最终我逐渐喜欢上了它，并发现它完美契合了我的日常工作流程。一款出色的高质量字体，强烈推荐！ Sara Vieira (https://www.iamsaravieira.com/)Sara Vieira (https://www.iamsaravieira.com/)CodeSandbox 工程师> 作为一个有眼疾的人，这款字体让我的生活轻松了许多。不仅限于编程，在设计领域同样适用——因为它不仅提供常规字重，还包含全套字重，因此你可以将它用于设计、Logo 以及任何等宽字体适用的场景。 Cassidy Williams (https://cassidoo.co/)Cassidy Williams (https://cassidoo.co/)Contenda 首席技术官> 在尝试了终端和 IDE 中的多种字体后，我最终换用了 MonoLisa。作为编程讲师和演讲者（以及平时大量编码的人），可读性始终是我对字体的首要要求。 Kent C. Dodds (https://kentcdodds.com/)Kent C. Dodds (https://kentcdodds.com/)用软件改善人们的生活> 我并非字体发烧友，但使用这款字体仅几天后，我就喜欢上了它。（而且大家总是忍不住问我用的是什么字体。）双赞 👍👍 Dominik Sumer (https://twitter.com/dominiksumer)Dominik Sumer (https://twitter.com/dominiksumer)seriouscode.io 联合创始人> 喜欢这款字体的美学以及它如何提升代码可读性。这也是我们决定将其用作 snappify.io (https://snappify.io/) 默认字体的原因。 Michał Popek (https://michal.popek.co/)Michał Popek (https://michal.popek.co/)前端开发者> 我之前一直有视力问题，MonoLisa 大大减轻了我眼睛的负担，帮了我很多。 Caleb Porzio (https://calebporzio.com/)Caleb Porzio (https://calebporzio.com/)Alpine.js 创建者> 在我看来，MonoLisa 是完美的编程字体。宽松、时尚且超级易读。我从未想过自己会对一款字体产生如此强烈的感受，但事实就是如此。 ## MonoLisa Code MonoLisa Code 是一款专为代码编辑器优化的字体。每个字符宽度相同，非常适合编写代码时的对齐与可读性。增大的字符宽度和专门设计的连字使其在编程中表现出色。 ## 增大的宽度 对于代码家族，增大的字符宽度让我们设计出形态更自然、更开放的字体。字形更放松，长时间使用能减少眼睛疲劳。MonoLisa Text 继承了这些放松、开放的形态，同时采用了比例间距。 宽 MonoLisa 比其他等宽字体大约宽 7%。 ## 阅读流程 MonoLisa 采用开放形态，并且字形的终端（起点和终点）指向相邻字母，让视线流畅地跟随文本行。 ## 空间 与常规字体相比，等宽字体往往存在明暗空间分布不均的问题。MonoLisa 通过独特的字形形状精心补偿了这一问题，以保持平衡。 WMA MonoLisa Code 对比 Monaco ## 编程连字 MonoLisa 配备超过 120 个专门设计的编程连字 (https://www.monolisa.dev/specimen)。连字是一种特殊符号，将两个或多个字符组合在一起，看起来像一个标记。连字有助于*减少视觉噪音并平衡空白区域*，通过适当地对齐特殊符号。这些连字专为代码优化，并在代码家族中提供。 ++a>=b%%0!=c~~>d <!--Comment--> <>\###Title...</> ??e:=f=>{|1,2,3|} ## 你的代码，你的规则 我们知道编程连字是一个有争议的话题。有些开发者喜欢它们，另一些则无法忍受。我们倾听了社区的意见，并围绕一个原则设计了 MonoLisa 的连字系统：*你应该掌控一切*。 默认情况下，MonoLisa 仅启用空白连字——这些微调能提升可读性，同时不改变代码的含义。所有其他编程连字均为*可选加入*，按功能组组织，你可以单独启用。没有意外，没有隐藏的替换。 选择与你工作方式匹配的功能，将设置行复制到你的编辑器配置中即可。如果你的编辑器本身不支持 OpenType 特性，我们的定制器 (https://www.monolisa.dev/tester) 允许你在下载前将首选选项直接烘焙到字体文件中——只需几次点击，就能获得一款为你定制的字体。 选择你想要启用的特性，并将以下行复制到你的 `settings.json` 中： "editor.fontLigatures": "'calt', 'liga', 'cv01', 'cv02', 'cv03', 'cv04', 'cv05', 'cv08', 'cv09', 'cv11', 'cv12'", calt2 上下文替代形式 cv023 小于、斜杠、大于 |||>|||> <|||<||| <||<|| ||>||> |<|<| |>|> <|><|> cv049 小于、连字符、大于 ->>>->> -<<-<< >->>>-> >>>->>>- <-><-> <-<<-< <<-<<- -<-< >->- cv0514 小于、等于、大于 <==><==> ==>==> =>>=>> =<<=<< >=>>>=> >>=>>= <=<= <==<== <=><=> >=>>>=> <=<<=< <<=<<= =>=> >=> <!--<!-- <!----<!---- ----->-----> ---->----> <----<---- -->--> <--<-- |->|-> !==!== /==/== ====== ==== /=/= ||=||= |=|= &=&= =/==/= !=!= ~=~= <~><~> <~~<~~ ~~>~~> -~-~ ~-~- ~>~> <~<~ ~~~~ ~@~@ cv126 & 符号组合 &^=&^= &^&^ >&->&- <&-<&- &>>&>> &&>&> liga73 空白连字 ------ '''''' """""" ...... ..<..< ..=..= {|{| [|[| .?..?. :::: :::::: ::=::= :=:= :>:> :<:< ;;;; !!!! !!.!.!. !!!!!! ?..?. ?:?: ???? ?=?= **** ****** *>*> */*/ ---- -= -= *=*= +=+= %=%= #:#: #!#! #?#? #=#= /*/* //// //// /**/** $( $( >&>& >=>= <&<& <=<= &&&& |}|} |]|] >$>$ .... .=.= ++++ ++++++ +>+> =:==:= =!==!= >:>: >>>> > ( > ( >>>>>> <( <( <:<: <*<* <*><*> <$<$ <$><$> <+<+ <+><+> <><> <<<< <<<<<< ^=^= %%%% ## 终端符号 MonoLisa 专为开发者设计。它是少数几款内置符号的字体之一，这些符号可用于 CLI，包括 PowerLine (https://github.com/powerline/powerline)。要查看所有符号，请查阅样品页 (https://www.monolisa.dev/specimen)。 系统等宽字体 `` Shell prompt `` `` user@host `` ``  `` `` ~/projects/app `` ``  `` ``  main ``  ``  `` `` Box drawing table `` `` ┌────────────┬────────┬───────┐ `` `` │ File │ Status │ Lines │ `` `` ├────────────┼────────┼───────┤ `` `` │ index.ts │ ✓ │ 142 │ `` `` │ utils.ts │ ● │ 38 │ `` `` │ config.ts │ ◐ │ 15 │ `` `` └────────────┴────────┴───────┘ `` ``  `` `` Progress indicators `` `` Build  62% `` `` Test