高度为5像素的可读字体


32

为了在Photoshop中使用,我正在寻找一种高度刚好5像素但仍可读的字体。我自己尝试了一些系统字体,例如Arial,Tahoma,Segoe UI,但这一切都导致像素混乱。

在此处输入图片说明

理想情况下,字体将最佳地利用它们的空间,并使“ ISDN”之类的单词可读性如下: 在此处输入图片说明

具体来说,这需要为5px。那么哪种字体适合标记电线?没有回答我的问题


5
您搜索过“像素字体”吗?有很多小尺寸的产品,您可能会找到适合自己需求的产品。
卢西亚诺

可能重复的,至少是相似的:graphicdesign.stackexchange.com/q/82634/41100
PieBie

1
@PieBie用于打印而非“网络”。这也是专门针对5px高度。
Gerlof Leuhof

1
您说您尝试了一些系统字体。您是否尝试过“小字体”?
kolrabi

2
它必须是只有2种颜色(背景和前景)的位图字体吗?还是可以使用2个以上的抗锯齿功能?
Rosie F

Answers:


44

如果Cai和mayersdesign建议的5x5像素字体仍然太大,您可以尝试我几年前制作的4x5像素字体,以在另一个SE网站上挑战

原始版本仅包含Ato Z.and !字符,但我只是制作了该字体的实际TTF版本(使用基于在线图块的字体编辑器),其中包括所有可打印的ASCII字符。(不过,还没有重音字母或精美的非ASCII标点符号,并且小写字母与大写字母相同。)

实际上,我制作了两个版本:一个具有可变字母间距的版本,另一个是等宽字体的版本。外观如下(尺寸为200%):

CG像素4x5字体
直接下载

CG像素4x5单色字体
直接下载

我没有在Photoshop中测试这些字体,但是它们在GIMP中确实可以正常工作:只需将字体大小设置为5px(的倍数),并将行距设置为1px或更大。

另外,我已经将这些字体发布到公共领域(通过CC-Zero),因此您可以使用它们进行任何操作。特别是,如果您不喜欢我做出的某些设计选择(例如,斜线零或无衬线的大写字母I),或者只是想添加更多字形,则可以随意克隆字体并自行编辑以适应您的需求; 在线编辑器非常易于使用。


附言 我去做了一些该字体的更小变形:

CG像素3x5字体
直接下载

CG像素3x5单色字体
直接下载

在3x5像素的情况下,这大约可以得到像素字体并仍然清晰可辨。它也不是完全巧合的,看起来几乎与其他所有3x5像素字体都非常相似。

即使在这个尺寸,一些字形(特别是较复杂的标点符号喜欢的&@#*)遭受了一下,一些有创意的解决方案(如微小式N)是必要的,以保持所有的形状不同。尽管如此,即使某些字母在没有上下文的情况下单独使用时,它也或多或少具有可读性(例如M,,可能会误认为an N或an H)。

当然,您也可以随意调整该字体,甚至可以自行设计。


1
我不知道为什么,但这看起来很像TI-82至TI-84计算器上用于在图形上绘制文本的字体。
Ismael Miguel

14
@IsmaelMiguel每个3x5字体看起来都是这样。
AJMansfield '17

@AJMansfield没什么反对,只是想指出一点。但是也许你是对的。仍然很有趣。这确实使我想起了我过去花时间在TI-83上进行编程的时间,而不是关注数学。回到主题,我不是3x5字体(或一般字体)的“期望”,只是想指出这一点。
Ismael Miguel's

1
@IsmaelMiguel确实也让我想起了这一点,坐在数学课的后面并对TI-84进行编程。
AJMansfield's

1
@Michael:哦,我没有意识到。:(我已上载的压缩文件名为.ttf我自己的网站,并增加它们的链接上面。
ILMARI Karonen

32

这么小的字体,您将遇到大多数字体的麻烦。有些提示会比其他提示更好,并且还可以,但是您不太可能找到任何可以正常工作的...

您真正需要的是一种专门设计用于该大小的字体。位图字体是为特定大小的实际光栅图像而设计的字体。Photoshop在较新的版本中支持位图字体,因此可以选择...否则,您只需搜索“像素字体”即可找到旨在模拟像素网格的普通矢量字体。这是搜索“ 5px pixel font”的第一个结果:

http://www.dafont.com/5x5-pixel.font

在此处输入图片说明


24

5x5字体是免费的(供个人使用),专门针对5px字体高度而制作。

在此处输入图片说明


带有重音!这是一个很好的选择
卢西亚诺

3
不幸的是,这些重音实际上并不适合5x5像素框。我想知道这怎么可能,但事实并非如此。:(
Ilmari Karonen

1
@Ilmari Karonen-老鼠!尽管我认为这确实很明显。如果您将像素留给间距会留下的...好吧...它根本行不通哈哈,但仍然是带有重音符号的非常小而清晰的字体!
mayersdesign '17

4
您可以在字符重音添加重音。当Atari ST还是一回事时,我可能已经看到它已经完成。
约翰·德沃夏克

3
至少在您链接的网站上,该字体被列为“可供个人使用的免费字体”(重点是我的字体),而不仅仅是免费字体-这对某些人来说会有所不同。再说一次,这些字体网站恕我直言,改变许可条款(两个方向)都非常糟糕
AC

13

Berkelium 1541是Commodore 64上的GEOS操作系统用于标记文件和桌面上其他图标的比例像素字体的TrueType转换。

文本Berkelium 1541 / ISDN E18以此字体放大了4倍:

在此处输入图片说明


3

我知道这篇文章有点晚了,但是我只是认为这可能对那些正好希望找到5 x 3像素字体的人有所帮助。Terminal字体确实具有很好的5 x 3大写字母和数字,但是小写字母并非全都是5 x 3像素(在图像中用红线显示)。终端字体大写字母与小写字母的比较


2

Windows自己的4或5pt大小的“小字体”似乎效果很好,尽管您可能必须选择哪些字符看起来还可以,哪些字符看起来不行。如果实际上渲染正确(您可能必须关闭Cleartype,或者甚至更多地使用1位单色的Paint),那么它应该看起来像上面的Berkelium,与最小尺寸的手相距不远-我曾经使用过的调整过的脸部(放大和手动像素化,或带有大量高速复制和粘贴),用于将很小的文本放置到低分辨率图像上。

在很小的5x5(或5xless)网格中,用于传递信息的空间很小,因此在某些情况下,您必须要具有字母形状的创意,例如Berkelium中的“ e”(它还具有有趣的小写字母“ a”和“ s”形状IIRC),每个元素都应可读且唯一。使用比例宽度可能会很有用,因此可以节省字母较细的像素,以便将它们用于需要额外宽度的像素。

正如上面的提示所暗示的那样,Atari ST上使用的6x6系统字体(主要用于驱动器和大写文件标签,而在其他地方(尽管不是唯一)使用8x8或8x16)也可能值得您注意。它基本上是5x5,与其他基本上是7x7和7x15的方式相同,因为除了最深的下降图形和框画字符外,它们都为所有其他元素建立了垂直和水平间距。值得注意的是,ISTR e和a的循环中没有开孔,但是仍然可以识别(如所示,如果最终将它们修改为自定义字体,则可以对其进行修复)。

除此之外,您通常会使用的最小尺寸是6x6或6x8,带有或没有周围空间,或者在某些点阵LCD上为5x7。很难制作出具有任何字符的体面字体,而不是仅用更少的像素来实现纯机器人功能(实际上,上面给出的其他示例让人感到很熟悉,因为它们与我经常看到的字体相同或非常相似)于90年代末/ 2000年代初在低分辨率手机LCD上使用)。类似于使用7段数字LCD难以书写字母(当然也可以选择使用大写或小写字母),而使用9或11(+)段则效果并不好。5x5像素本质上是25段,但实际上它更像是一种稍微灵活一些的11或15段。这就是您在此处使用的约束。

如果您能忍受它,只需用手捏一下像素...至少您对提示/字距调整具有最终控制权,那么,正如其他人提到的那样,除非您专门针对字体引擎进行了调整,否则这可能将是您最大的问题。 ,或者可以设置一个选项来调整小字体的基于像素的渲染,而不是假设一切都是无限分辨率的矢量并且大小合适。(如果您将微小的像素字体按比例缩放到正常大小,并按照其关键边界变形为全尺寸字体,则看起来很奇怪,就像试图将大的字体缩小到最小像素一样-您的最小间距粒度与实际字形相差甚远)


2

5 px高是可读性的关键点,如果还必须仅是单色,则很难获得清晰易读的文本。这意味着,如果一个需要6 PX而不是5 PX的限制,它可以是显著更好,因为伸部和下伸部至少需要1像素空间,并用5 PX它是不可能的。

我制作了一个5像素的字体,字体清晰易读,但仍然很难阅读。尽管我发现它的可读性比提到的“ 5x5”字体好得多。它不是.ttf字体,但是如果您知道Photoshop中的脚本,则可以编写一个将字符串转换为像素数组的函数。

例:

在此处输入图片说明

与“ 5x5”相比(以Mayersdesign的答案为例):

在此处输入图片说明

通过设计小字体,我发现有趣的是,人们可以立即注意到某些字母的不幸设计,即“ e”和“ c”的相似性以及整个[bdpqhnu]组的相似性。


1

我见过的最好的3×5 px字体是“ Tom Thumb”

一种

这是第5像素高的字体我发现,有好看的小写字母,虽然一些字母喜欢MN(特别是#@&,和~)不为可读,因为他们是,如果他们是4首或5个像素宽。

这是我一直在使用的修改后的非等宽版本:https : //fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

在此处输入图片说明


欢迎来到平面设计SE,并感谢您的答复。请考虑通过编辑它来总结该字体的一些优点和缺点,以使您的答案更好,尤其是那些从样本中看不出来的优点和缺点。
Wrzlprmft
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.