爱意满满的作品展示区。
subframe75361

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

  subframe75361 ·
subframe7536 · Aug 23, 2022 · 21428 views
This topic created in 1382 days ago, the information mentioned may be changed or developed.

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

Supplement 1  ·  Aug 23, 2022

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

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

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

Supplement 2  ·  Aug 23, 2022
有时间的话会考虑把之前的 v4.0 捡起来修一修,我看有很多人反馈说会糊
Supplement 3  ·  Aug 24, 2022

v5.1 pre-release 已发布

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

坐等 mac 完美版
ooops
    134
ooops  
   Aug 23, 2022
挺漂亮的,就是 @ 的样式暂时有点接受不了。。
arac
    135
arac  
   Aug 24, 2022
@subframe75361 最近做过一个等宽可变字体,有三个轴,不过是给设计标题用的。其实你要是把 light 做了就可以用这个两个 master 生成了 weight 轴了,没什么难度,就是要控制点对应什么的很麻烦,而且如果很极端 bug 挺多的。
wdhwg001
    136
wdhwg001  
   Aug 24, 2022   ❤️ 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
   Aug 24, 2022
@wdhwg001 终于有专业的点评了...很感谢
subframe75361
    138
subframe75361  
OP
   Aug 24, 2022
@arac 主要是我看到[Resource Hans Rounded]( https://github.com/CyanoHao/Resource-Han-Rounded)有圆角轴可以做,但是吧 之前用 fontlab 自定义轴试了一下好像没啥效果(可能是方法错了),另外 主要也是复习摸鱼的时候做的,就想着先放着了 2333
subframe75361
    139
subframe75361  
OP
   Aug 24, 2022
@ooops at 的符号我是参考 fira code 的...
arac
    140
arac  
   Aug 24, 2022
@subframe75361 你的 master matching 有问题,这也是可变最麻烦的地方,fontlab8 新的 shift+自动 matching 比以前更好用了,你可以看看官方文档和 YouTube 试试。不过他会乱加减点,在复杂情况下帮倒忙。
ooops
    141
ooops  
   Aug 24, 2022
@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  
   Aug 24, 2022
考虑提交 Google Fonts 吗
pC0oc4EbCSsJUy4W
    143
pC0oc4EbCSsJUy4W  
   Aug 24, 2022
先赞
makelove
    144
makelove  
   Aug 24, 2022
圆润好看,已换

#有点花,正在适应中
metrue
    145
metrue  
   Aug 24, 2022
感谢这么棒的作品,感谢分享。
Jinnyu
    146
Jinnyu  
   Aug 24, 2022
@subframe75361 #116 我就说怎么调了 N 就也不生效, 还以为我不会用 mactype 了...
hermit17
    147
hermit17  
   Aug 24, 2022
看起来不错
AmaQuinton
    148
AmaQuinton  
   Aug 24, 2022
赞一个, 很好看, 已更换
kukat
    149
kukat  
   Aug 24, 2022
brew tap homebrew/cask-fonts
brew install font-maple
subframe75361
    150
subframe75361  
OP
   Aug 24, 2022   ❤️ 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  
   Aug 24, 2022
这几天找了很久的字体,就想要个自带好看点的手写体斜体,没想到在这里找到了
昨天才装的 v5.0 ,今天 OP 就出了 v5.1 , 效率惊人!
SteinsGate
    152
SteinsGate  
   Aug 24, 2022 via Android
好看,回家试试
zhdsmy
    153
zhdsmy  
   Aug 24, 2022 via iPhone
很好看呀
daiqiangbudainiu
    154
daiqiangbudainiu  
   Aug 24, 2022
啥也不说,先支持,现在肯真的做自体的人不多了
hyzhao
    155
hyzhao  
   Aug 24, 2022
Maple Mono SC NF mac 怎么下载呢
GoRoad
    156
GoRoad  
   Aug 24, 2022
brew 中只能下载 MapleMono 能加入 Maple Mono SC NF 吗
subframe75361
    157
subframe75361  
OP
   Aug 24, 2022
@hyzhao
@GoRoad
brew 上传没有研究过,SC NF 的中文是汉仪正圆,不清楚上传之后会不会有法务风险?
GoRoad
    158
GoRoad  
   Aug 24, 2022
@subframe75361 好吧 那确实得慎重,等评论区有了解的大佬说说吧
jheroy
    159
jheroy  
   Aug 24, 2022
很多连字效果没有或者等同于没有, 比如 >= <= != ==, 可以参考下 Operator Mono Lig 的连字, 不过字体确实好看.
subframe75361
    160
subframe75361  
OP
   Aug 24, 2022
@jheroy 原因 Readme 里写了
jheroy
    161
jheroy  
   Aug 25, 2022
@subframe75361 我反倒是觉得有这些连字效果更好呢, 可不可以出一个包含这种的版本呢, 想要的可以选择更好.
subframe75361
    162
subframe75361  
OP
   Aug 25, 2022
@jheroy 今年估计没时间做了
7gugu
    163
7gugu  
   Aug 25, 2022
非常有意义的工作,感谢 OP 的分享👍👍
mbooyn
    164
mbooyn  
   Aug 26, 2022 via iPhone
进来之前:不知天高地厚😠
进来之后:哎呦,不错哦😌
runningowl
    165
runningowl  
   Aug 26, 2022
关于手写斜体随便说说,
小 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
   Aug 26, 2022
@runningowl 感谢您的点评
g 和 y 尝试过加勾,但是效果不太好,因为主体部分(1050)比下半部分(480)大很多,加勾只有 j 比较好看...
z 和 v 的样式会尝试在下一版里面加上
l 的圈我参考的是 Operator mono ,而且它的圈比我还要大...
目前我把大写 Q 当作一个 feature ,之后的 Pure 版会恢复成普通的样式
wkzq
    167
wkzq  
   Aug 26, 2022
感谢, 已经设置为 ide 字体了
isaacpei
    168
isaacpei  
   Aug 27, 2022
想问一下显示代码效果的那个好像是编辑器的东西是什么?
katfao
    170
katfao  
   Aug 27, 2022
感谢,已经用上了
freefcw
    171
freefcw  
   Sep 6, 2022
赞一个,字体看着还是挺不错的
kcOolr9b716HNnrf
    172
kcOolr9b716HNnrf  
   Nov 18, 2022
MapleMono-SC-NF
在 macos 下不识别为等宽字体
kcOolr9b716HNnrf
    174
kcOolr9b716HNnrf  
   Nov 18, 2022
Cu635
    176
Cu635  
   Dec 17, 2022
@subframe75361 #18
中英文的 2:1 是手工调整的啊……
1  2  
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2807 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 170ms · UTC 12:51 · PVG 20:51 · LAX 05:51 · JFK 08:51
♥ Do have faith in what you're doing.