V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
subframe75361
V2EX  ›  分享创造

分享一下自己做的 monospace 字体,已开源

  subframe75361 ·
subframe7536 · 2022-08-23 09:36:41 +08:00 · 17689 次点击
这是一个创建于 824 天前的主题,其中的信息可能已经有所发展或是发生改变。

Maple Mono

只有基础拉丁文(英数+符号) 以及 制表符 (目前够用了)

项目地址

  • 圆角,主要是没找到有圆角的等宽字体才去自己做的
  • 参考了 Source Code Pro, Fira Code, ubuntu mono, operator mono, sarasa mono sc nerd 等优秀字体
  • 修改了@ # $ % &的形状
  • 有连字
  • 花体的斜体
  • 中英文间距 2:1

基础

连字

React

Java

Python

Maple Mono SC NF

Maple Mono + 中英文 2:1 + Nerd Font 控制台字体 目前我的 IDE + Terminal 字体都是这个

https://ibb.co/1dJ3B2j

第 1 条附言  ·  2022-08-23 18:24:25 +08:00

感谢大家的喜爱和提出的各种问题,这里总结一下,力所能及的情况下在下一版中修复

  1. 添加light版
  2. 增大bold版的粗细(这个可能需要精修,工作量会比较大)
  3. 减小中文的间距
  4. Mac端兼容问题(我没有mac的机子,所以提出问题的时候希望能够附带截图和安装字体的版本)

顺带一提,未生效的问题可以尝试重启,mac上也是

第 2 条附言  ·  2022-08-23 18:30:58 +08:00
有时间的话会考虑把之前的 v4.0 捡起来修一修,我看有很多人反馈说会糊
第 3 条附言  ·  2022-08-24 09:15:22 +08:00

v5.1 pre-release 已发布

  • 添加 细体细斜体 @html
  • 加粗 BoldBoldItalic @functioncloud
  • 调整字间距 @thedrwu
第 4 条附言  ·  2022-08-26 18:31:41 +08:00
V5.5 Release 已发布,修复了发帖以来的大部分问题,建议更新
176 条回复    2022-12-17 17:11:24 +08:00
1  2  
kukat
    101
kukat  
   2022-08-23 16:31:51 +08:00   ❤️ 2
functioncloud
    102
functioncloud  
   2022-08-23 16:36:32 +08:00
subframe75361
    103
subframe75361  
OP
   2022-08-23 16:38:44 +08:00
@ispinfx mac 没机子没法测试,能说下装的是 otf/ttf/SC NF ?
subframe75361
    104
subframe75361  
OP
   2022-08-23 16:47:25 +08:00
@functioncloud 好的,我记一下
scyuns
    105
scyuns  
   2022-08-23 17:11:22 +08:00
好看 windows 爱了
ToDyZHu
    106
ToDyZHu  
   2022-08-23 17:12:41 +08:00
用 Mactype 和脚本之后 字体不像示例里的粗 反而很细怎么调整
Zy143L
    107
Zy143L  
   2022-08-23 17:16:57 +08:00 via Android
斜体很漂亮,不过连体方面个人还是喜欢分立的😂
subframe75361
    108
subframe75361  
OP
   2022-08-23 17:19:15 +08:00
@ToDyZHu 重启一下,确认字体安装以及 mactype 生效
subframe75361
    109
subframe75361  
OP
   2022-08-23 17:19:54 +08:00
@Zy143L 连字可以关闭的
chrisia
    110
chrisia  
   2022-08-23 17:22:40 +08:00
好看
hronro
    111
hronro  
   2022-08-23 17:27:31 +08:00   ❤️ 1
粗看还挺不错的,不过一细看就会发现有很强的涂抹感(感觉像是什么 BUG 导致的,应该能修复),看起来很难受。
gaoshiNol
    112
gaoshiNol  
   2022-08-23 17:28:16 +08:00
大佬强啊
ZxBing0066
    113
ZxBing0066  
   2022-08-23 17:28:53 +08:00
点个赞 看着不错
ToDyZHu
    114
ToDyZHu  
   2022-08-23 17:29:13 +08:00
subframe75361
    115
subframe75361  
OP
   2022-08-23 17:31:19 +08:00
@hronro 是 mac 吗,可以说下装的是 otf/ttf/SC NF ?
subframe75361
    116
subframe75361  
OP
   2022-08-23 17:33:20 +08:00
@ToDyZHu https://github.com/Tatsu-syo/noMeiryoUI 用这个,readme 里忘记加了
jiazhoulvke
    117
jiazhoulvke  
   2022-08-23 17:37:10 +08:00
先装了 ttf 的 5.0 ,在我的电脑上感觉有点糊,试了下 4.0 就舒服多了。感谢分享。
ThinkTwive
    118
ThinkTwive  
   2022-08-23 17:48:07 +08:00
已使用 很舒服 感谢
ggmood
    119
ggmood  
   2022-08-23 18:20:44 +08:00 via iPhone
好看!流畅
hronro
    120
hronro  
   2022-08-23 18:48:42 +08:00
@subframe75361 #115 我还没装,我看的你发的截图
subframe75361
    121
subframe75361  
OP
   2022-08-23 19:10:01 +08:00
@hronro ...图片是压缩过的
zhuangjia
    122
zhuangjia  
   2022-08-23 19:16:08 +08:00
用的 v4.0 ,感觉挺舒服的,感谢
ToDyZHu
    123
ToDyZHu  
   2022-08-23 19:33:36 +08:00
跑个题 请问下示例里 Java 的配色叫什么呀
ddzzhen
    124
ddzzhen  
   2022-08-23 19:50:12 +08:00 via Android
python 看着顺眼,点赞楼主
subframe75361
    125
subframe75361  
OP
   2022-08-23 20:33:57 +08:00
@ToDyZHu 自己调的
pi1ot
    126
pi1ot  
   2022-08-23 20:50:16 +08:00
真不错。
zsl199512101234
    127
zsl199512101234  
   2022-08-23 21:05:28 +08:00
Ubuntu mono 挺好看的,感觉跟这个有点像
vrocker2048
    128
vrocker2048  
   2022-08-23 21:15:54 +08:00
已换, 针不戳
seaswalker
    129
seaswalker  
   2022-08-23 21:27:53 +08:00
已经用上了,在 Windows 1080P 下也还不错
KyrieJoshua
    130
KyrieJoshua  
   2022-08-23 21:54:08 +08:00
效果好可爱~感谢楼主!
xiaokiku
    131
xiaokiku  
   2022-08-23 22:42:56 +08:00
觉得 IBM Plex 还是可以的
xiaokiku
    132
xiaokiku  
   2022-08-23 22:43:10 +08:00
感谢
Maxwe11
    133
Maxwe11  
   2022-08-23 23:46:35 +08:00
好人一生平安

坐等 mac 完美版
ooops
    134
ooops  
   2022-08-23 23:52:11 +08:00
挺漂亮的,就是 @ 的样式暂时有点接受不了。。
arac
    135
arac  
   2022-08-24 00:03:20 +08:00
@subframe75361 最近做过一个等宽可变字体,有三个轴,不过是给设计标题用的。其实你要是把 light 做了就可以用这个两个 master 生成了 weight 轴了,没什么难度,就是要控制点对应什么的很麻烦,而且如果很极端 bug 挺多的。
wdhwg001
    136
wdhwg001  
   2022-08-24 00:08:35 +08:00   ❤️ 3
说一些字形设计上的问题。

你的定位是一个轻微手写风格的圆角字体,也就是说,它实际上是还算端正的,比如 c 、o 、u 、n 、s 、x 、{的设计都很端正,那么这种端正就应该在每一个字形中正确地体现出来。

首先问题比较大的是小写 a ,它的圆头歪了,这使得它在和一些很端正的字母,比如 sam 并排出现的时候,会有一种 a 是 italic 的感觉。

然后说小写 t ,简单地说,它的视觉中心歪了:当看到 t 的时候,人们预期的视觉中心应该是十字中央,而你的字形右边偏大,使得视觉中心也因此向右偏。

小写 i 的字形也又问题,给人一种 i 的点没有落在竖线,而是微微向右歪的视错觉,小写 j 也是一样。

数字 1 的字形里顶部的折角太小,看起来非常惹眼,你的字体里其他地方是很少出现这种折角的。

小写 e 的上部在视觉里有点大了,会让人感觉 e 的中横线偏粗。

小写 l 的拐角多少有点不安宁。

小写 r 的拐角就特别特别不安宁了,风格上都会让人觉得有些怪。

小写 g 的头有些大,视觉上会过分地被圆圈中心吸引。

数字 0 的斜线看起来让字显得有些过于“满”了。

小写 m 的字形看起来非常局促。

大写 Q…这个分离式的写法我确实是很难适应。

其他的还慢检查,不过总的来说辛苦了。
subframe75361
    137
subframe75361  
OP
   2022-08-24 00:20:48 +08:00
@wdhwg001 终于有专业的点评了...很感谢
subframe75361
    138
subframe75361  
OP
   2022-08-24 00:27:04 +08:00
@arac 主要是我看到[Resource Hans Rounded]( https://github.com/CyanoHao/Resource-Han-Rounded)有圆角轴可以做,但是吧 之前用 fontlab 自定义轴试了一下好像没啥效果(可能是方法错了),另外 主要也是复习摸鱼的时候做的,就想着先放着了 2333
subframe75361
    139
subframe75361  
OP
   2022-08-24 00:33:07 +08:00
@ooops at 的符号我是参考 fira code 的...
arac
    140
arac  
   2022-08-24 00:36:06 +08:00
@subframe75361 你的 master matching 有问题,这也是可变最麻烦的地方,fontlab8 新的 shift+自动 matching 比以前更好用了,你可以看看官方文档和 YouTube 试试。不过他会乱加减点,在复杂情况下帮倒忙。
ooops
    141
ooops  
   2022-08-24 00:49:50 +08:00
@subframe75361 #139 嗯,不过 fira code 可以转换

https://media.cleanshot.cloud/media/9184/WnY3EDmurw8fB7P4dALlFlK77BfrCsgPgQHm23NI.jpeg?Expires=1661294947&Signature=dYC8gp2lIfwnIUD1RcEToZaheG6QnDcWHu09P1f5LNHbItPBwM0AwTRGSdf8plt5S8QmdYSQTC1Yt8psFdoiVbloOM3s5kqk873KoaLPTVuzwbdxTxgcRprerhf~W5Sz5Qz0nqJxGQzt3JGAYVxUXjEnw9T8qHIHPt5GGSNPD0jefmnWXhl6rylkwofk9q4gtcbPkiZG0tJiB5fVuf9VFXC7WB0nLZ5esyg6LdDTLo8ZIussRvV7qgMNr~kU5WlLl5ixCJ45AzpB9EgMFvQ9SUVbP9R8hOtL-71Y0sOfSdEBHaxNFIa4GZ-gBOqJese6t1nN-NxMyX-oaraiNpjdcA__&Key-Pair-Id=K269JMAT9ZF4GZ
imhx233
    142
imhx233  
   2022-08-24 00:55:55 +08:00
考虑提交 Google Fonts 吗
pC0oc4EbCSsJUy4W
    143
pC0oc4EbCSsJUy4W  
   2022-08-24 00:58:48 +08:00
先赞
makelove
    144
makelove  
   2022-08-24 09:06:40 +08:00
圆润好看,已换

#有点花,正在适应中
metrue
    145
metrue  
   2022-08-24 09:18:44 +08:00
感谢这么棒的作品,感谢分享。
Jinnyu
    146
Jinnyu  
   2022-08-24 09:43:47 +08:00
@subframe75361 #116 我就说怎么调了 N 就也不生效, 还以为我不会用 mactype 了...
hermit17
    147
hermit17  
   2022-08-24 09:47:45 +08:00
看起来不错
AmaQuinton
    148
AmaQuinton  
   2022-08-24 10:02:49 +08:00
赞一个, 很好看, 已更换
kukat
    149
kukat  
   2022-08-24 10:52:11 +08:00
brew tap homebrew/cask-fonts
brew install font-maple
subframe75361
    150
subframe75361  
OP
   2022-08-24 11:18:28 +08:00   ❤️ 1
@wdhwg001 很感谢您指出这么多需要改进的地方!

a 、t 、g 、0 这些我最开始的想法和您差不多,但是做完之后在 IDE 中一看就不太行了...

- a 的圆头不歪会让我分不清 a 和 o
- 0 和 t 的左偏是因为最开始用的是 consolas ,风格已经习惯了,所以就保留下来
- g 的大头是因为实在不喜欢 consolas 和 fira code 默认的字形,现在的设计是参考 fira code 的 cv02

e 、i 、j 、l 、m 这些确实有问题,我在下一版里会进行更改

1 、r 这两个确实很奇怪,只是苦于没有参考(google font 里翻过了,没找到合适的),只能试着做做了,如果可以的能否提供一些参考

Q 是参考 https://typeof.net/Iosevka/customizer 里面有个 Q 的样式,IDE 里看的还行就用了...
izumiiAoba
    151
izumiiAoba  
   2022-08-24 12:15:53 +08:00
这几天找了很久的字体,就想要个自带好看点的手写体斜体,没想到在这里找到了
昨天才装的 v5.0 ,今天 OP 就出了 v5.1 , 效率惊人!
SteinsGate
    152
SteinsGate  
   2022-08-24 12:45:50 +08:00 via Android
好看,回家试试
zhdsmy
    153
zhdsmy  
   2022-08-24 12:45:58 +08:00 via iPhone
很好看呀
warcraft1236
    154
warcraft1236  
   2022-08-24 13:06:34 +08:00
啥也不说,先支持,现在肯真的做自体的人不多了
hyzhao
    155
hyzhao  
   2022-08-24 14:14:58 +08:00
Maple Mono SC NF mac 怎么下载呢
GoRoad
    156
GoRoad  
   2022-08-24 14:55:35 +08:00
brew 中只能下载 MapleMono 能加入 Maple Mono SC NF 吗
subframe75361
    157
subframe75361  
OP
   2022-08-24 15:32:32 +08:00
@hyzhao
@GoRoad
brew 上传没有研究过,SC NF 的中文是汉仪正圆,不清楚上传之后会不会有法务风险?
GoRoad
    158
GoRoad  
   2022-08-24 15:35:53 +08:00
@subframe75361 好吧 那确实得慎重,等评论区有了解的大佬说说吧
jheroy
    159
jheroy  
   2022-08-24 16:21:59 +08:00
很多连字效果没有或者等同于没有, 比如 >= <= != ==, 可以参考下 Operator Mono Lig 的连字, 不过字体确实好看.
subframe75361
    160
subframe75361  
OP
   2022-08-24 16:43:50 +08:00
@jheroy 原因 Readme 里写了
jheroy
    161
jheroy  
   2022-08-25 16:30:09 +08:00
@subframe75361 我反倒是觉得有这些连字效果更好呢, 可不可以出一个包含这种的版本呢, 想要的可以选择更好.
subframe75361
    162
subframe75361  
OP
   2022-08-25 18:01:52 +08:00
@jheroy 今年估计没时间做了
7gugu
    163
7gugu  
   2022-08-25 19:38:37 +08:00
非常有意义的工作,感谢 OP 的分享👍👍
mbooyn
    164
mbooyn  
   2022-08-26 02:09:59 +08:00 via iPhone
进来之前:不知天高地厚😠
进来之后:哎呦,不错哦😌
runningowl
    165
runningowl  
   2022-08-26 06:46:01 +08:00
关于手写斜体随便说说,
小 g j y 是不是需要一样的勾勾
7 和小 z 是不是需要一样的点
小 i j v y 是不是需要一样的起笔折角 (都用数字 1 的小折角?)
小 l 的圈有点大
最后,附议大写 Q

参考: https://fonts.google.com/?category=Handwriting&preview.text=r%20g%20j%20y%20%2017z%20%20i%20j%20v%20y%20&preview.text_type=custom
subframe75361
    166
subframe75361  
OP
   2022-08-26 08:54:17 +08:00
@runningowl 感谢您的点评
g 和 y 尝试过加勾,但是效果不太好,因为主体部分(1050)比下半部分(480)大很多,加勾只有 j 比较好看...
z 和 v 的样式会尝试在下一版里面加上
l 的圈我参考的是 Operator mono ,而且它的圈比我还要大...
目前我把大写 Q 当作一个 feature ,之后的 Pure 版会恢复成普通的样式
wkzq
    167
wkzq  
   2022-08-26 10:46:11 +08:00
感谢, 已经设置为 ide 字体了
isaacpei
    168
isaacpei  
   2022-08-27 06:10:42 +08:00
想问一下显示代码效果的那个好像是编辑器的东西是什么?
katfao
    170
katfao  
   2022-08-27 20:31:53 +08:00
感谢,已经用上了
freefcw
    171
freefcw  
   2022-09-06 01:07:05 +08:00
赞一个,字体看着还是挺不错的
kcOolr9b716HNnrf
    172
kcOolr9b716HNnrf  
   2022-11-18 11:18:34 +08:00
MapleMono-SC-NF
在 macos 下不识别为等宽字体
subframe75361
    173
subframe75361  
OP
   2022-11-18 13:14:40 +08:00
kcOolr9b716HNnrf
    174
kcOolr9b716HNnrf  
   2022-11-18 13:33:33 +08:00
Cu635
    176
Cu635  
   2022-12-17 17:11:24 +08:00
@subframe75361 #18
中英文的 2:1 是手工调整的啊……
1  2  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   879 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 29ms · UTC 20:57 · PVG 04:57 · LAX 12:57 · JFK 15:57
Developed with CodeLauncher
♥ Do have faith in what you're doing.