Một phông chữ có thể đọc được với chiều cao 5px


32

Để sử dụng trong Photoshop, tôi đang tìm một phông chữ cao chính xác 5 px nhưng vẫn có thể đọc được. Bản thân tôi đã thử một số phông chữ hệ thống như Arial, Tahoma, Segoe UI nhưng tất cả đều dẫn đến một mớ hỗn độn.

nhập mô tả hình ảnh ở đây

Lý tưởng nhất là phông chữ sẽ sử dụng không gian của họ một cách tối ưu và làm cho các từ như 'ISDN' có thể đọc được như thế này: nhập mô tả hình ảnh ở đây

Điều này đặc biệt cần phải là 5px. Vậy kiểu chữ nào phù hợp để đánh dấu dây? không trả lời câu hỏi của tôi


5
bạn đã googled cho "phông chữ pixel"? Có rất nhiều trong số chúng có kích thước nhỏ, bạn có thể tìm thấy một trong những phù hợp với nhu cầu của bạn.
Luciano

Có thể trùng lặp, ít nhất tương tự: graphicdesign.stackexchange.com/q/82634/41100
PieBie

1
@PieBie đó là để in không phải 'web'. Ngoài ra, điều này đặc biệt cho chiều cao 5px.
Gerlof Leuhof

1
Bạn nói rằng bạn đã thử một số phông chữ hệ thống. Bạn đã thử "Phông chữ nhỏ" chưa?
kolrabi

2
Phải là phông chữ bitmap chỉ với 2 màu (nền và tiền cảnh)? Hoặc bạn có thể sử dụng nhiều hơn 2, và do đó chống bí danh?
Rosie F

Câu trả lời:


44

Nếu phông chữ 5x5 pixel được đề xuất bởi Cai và mayersdesign vẫn còn quá lớn, bạn có thể thử phông chữ 4x5 pixel mà tôi đã thực hiện vài năm trước cho một thử thách trên một trang SE khác .

Phiên bản ban đầu chỉ bao gồm các chữ cái Ađể Z.!nhân vật, nhưng tôi chỉ cần thực hiện một phiên bản TTF thực tế của các phông chữ (sử dụng một trình soạn thảo phông chữ gạch dựa trên trực tuyến ) bao gồm tất cả các ký tự ASCII in. (Tuy nhiên, chưa có chữ cái có dấu hoặc dấu chấm câu không phải ASCII ưa thích và các chữ cái viết thường giống hệt chữ hoa.)

Trên thực tế, tôi đã tạo ra hai phiên bản: một phiên bản có khoảng cách chữ thay đổimột phiên bản là không gian . Đây là những gì họ trông giống như (ở kích thước 200%):

Phông chữ CG pixel 4x5
( tải trực tiếp )

Phông chữ đơn sắc pixel pixel 4x5
( tải trực tiếp )

Tôi chưa thử nghiệm các phông chữ này trong Photoshop, nhưng chúng chỉ hoạt động tốt trong GIMP: chỉ cần đặt kích thước phông chữ thành (bội số) 5px và khoảng cách dòng thành 1px trở lên.

Ngoài ra, tôi đã phát hành các phông chữ này vào miền công cộng (thông qua CC-Zero ), vì vậy bạn có thể làm bất cứ điều gì bạn muốn với chúng. Đặc biệt, nếu bạn không thích một số lựa chọn thiết kế mà tôi đã thực hiện (như chữ số 0 bị cắt, hoặc chữ hoa vô nghĩa I) hoặc chỉ muốn thêm glyphs, bạn có thể tự sao chép phông chữ và chỉnh sửa nó cho phù hợp bạn cần; Trình chỉnh sửa trực tuyến khá dễ sử dụng.


Thi thiên Tôi đã đi và làm cho một cặp vợ chồng của thậm chí nhỏ hơn các biến thể của chữ này:

Phông chữ CG pixel 3x5
( tải trực tiếp )

Phông chữ đơn pixel 3x5
( tải trực tiếp )

Với 3x5 pixel, đây là khoảng nhỏ như một phông chữ pixel có thể nhận được và vẫn còn rõ ràng. Nó cũng, không hoàn toàn ngẫu nhiên, trông rất giống với mọi phông chữ 3x5 pixel khác ngoài kia.

Ngay cả ở kích thước này, một số các glyphs (đặc biệt là những biểu tượng dấu chấm câu phức tạp hơn như &, @, #*) bị một chút, và một số giải pháp sáng tạo (như rất nhỏ mang phong cách N) là cần thiết để giữ cho tất cả các hình dạng khác nhau. Tuy nhiên, nó ít nhiều có thể đọc được, ngay cả khi một số chữ cái có thể mơ hồ nếu được sử dụng riêng mà không có ngữ cảnh (chẳng hạn như M, có thể bị nhầm thành một Nhoặc một H).

Tất nhiên, bạn cũng có thể tự do chỉnh sửa phông chữ này theo bất kỳ cách nào bạn thích hoặc thậm chí để thiết kế phông chữ của riêng bạn.


1
Tôi không biết tại sao nhưng nó trông rất giống phông chữ được sử dụng trên máy tính TI-82 đến TI-84, để vẽ văn bản trên biểu đồ.
Ismael Miguel

14
@IsmaelMiguel mỗi phông chữ 3x5 trông như thế.
AJMansfield

@AJMansfield Không có gì chống lại, chỉ muốn chỉ ra điều đó. Nhưng có lẽ bạn đã đúng. Tuy nhiên, nó là niềm vui. Nó làm tôi nhớ lại những ngày tôi từng dành thời gian để lập trình cho TI-83, thay vì chú ý đến toán học. Quay trở lại chủ đề, tôi không phải là "kỳ vọng" về phông chữ 3x5 (hay nói chung là phông chữ) và chỉ muốn chỉ ra điều đó.
Ismael Miguel

1
@IsmaelMiguel Nó thực sự cũng nhắc nhở tôi về điều đó, ngồi ở phía sau lớp toán và lập trình TI-84 của tôi.
AJMansfield

1
@Michael: Ồ, tôi đã không nhận ra nó đã làm điều đó. :( Tôi đã tải các tệp .ttf đã nén vào trang web của riêng tôi và thêm các liên kết đến chúng ở trên.
Ilmari Karonen

32

Bạn sẽ gặp rắc rối với hầu hết các phông chữ ở kích thước nhỏ đó. Một số người sẽ có gợi ý tốt hơn những người khác và sẽ ổn, nhưng bạn không thể tìm thấy bất cứ điều gì hoạt động hoàn hảo ...

Những gì bạn thực sự cần là một phông chữ được thiết kế đặc biệt để làm việc ở kích thước đó. Phông chữ bitmap là phông chữ được thiết kế dưới dạng hình ảnh raster thực tế cho một kích thước cụ thể; Photoshop có hỗ trợ phông chữ bitmap trong phiên bản gần đây hơn để có thể là một tùy chọn ... nếu không, bạn chỉ cần tìm kiếm "phông chữ pixel" để tìm phông chữ vector bình thường được thiết kế để mô phỏng lưới pixel. Đây là kết quả đầu tiên cho tìm kiếm "phông chữ pixel 5px":

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

nhập mô tả hình ảnh ở đây


24

Phông chữ 5x5 miễn phí hạnh phúc (cho sử dụng cá nhân), được tạo riêng cho chiều cao phông chữ 5px.

nhập mô tả hình ảnh ở đây


có dấu! đó là một điều tốt
Luciano

3
Thật không may, các điểm nhấn không thực sự nằm gọn trong hộp 5x5 pixel. Tôi đã tự hỏi làm thế nào điều đó là có thể, nhưng hóa ra không phải vậy. :(
Ilmari Karonen

1
@Ilmari Karonen - Chuột! Mặc dù tôi cho rằng nó thực sự rõ ràng. Nếu bạn để lại một pixel cho khoảng cách sẽ để lại ... tốt ... nó sẽ không hoạt động haha, nhưng vẫn là một phông chữ rất nhỏ và dễ đọc có dấu!
mayersdesign

4
Bạn có thể thêm dấu sau ký tự họ nhấn. Tôi có thể đã thấy nó được thực hiện trở lại khi Atari ST vẫn còn là một điều.
John Dvorak

3
Ít nhất là trên trang web bạn đã liên kết, phông chữ được liệt kê là "miễn phí cho sử dụng cá nhân " (nhấn mạnh của tôi) và không chỉ đơn giản là miễn phí - điều đó sẽ tạo ra sự khác biệt cho một số người. Sau đó, một lần nữa, các trang web phông chữ đó là IMHO khá tệ về việc thay đổi các điều khoản cấp phép (cả hai hướng)
AC

13

Berkelium 1541 là một chuyển đổi TrueType của phông chữ pixel tỷ lệ được sử dụng bởi hệ điều hành GEOS trên Commodore 64 để gắn nhãn các tệp và các biểu tượng khác trên màn hình nền.

Văn bản Berkelium 1541 / ISDN E18 được nhân rộng 4 lần trong phông chữ đó:

nhập mô tả hình ảnh ở đây


3

Tôi biết bài đăng này hơi muộn một chút, nhưng tôi chỉ nghĩ rằng điều này có thể giúp bất cứ ai mà tình cờ tìm kiếm một phông chữ 5 x 3 pixel. Phông chữ Terminal có 5 chữ cái và chữ số in hoa thực sự tốt, tuy nhiên các chữ cái viết thường không phải là tất cả 5 x 3 pixel (hiển thị với dòng màu đỏ trong hình ảnh.)Chữ in hoa chữ cuối so với chữ thường


2

Các "phông chữ nhỏ" của Windows ở kích thước 4 hoặc 5pt dường như xuất hiện khá tốt, mặc dù bạn có thể phải chọn và chọn những ký tự nào trông ổn và cái nào không. Nếu nó thực sự được hiển thị đúng (bạn có thể phải tắt Cleartype hoặc thậm chí sử dụng Paint với màu đơn sắc 1 bit nhiều hơn) thì nó sẽ xuất hiện trông giống như Berkelium ở trên, không quá xa với bàn tay có kích thước tối thiểu khuôn mặt được điều chỉnh mà tôi từng sử dụng (phóng to và thu nhỏ bằng tay hoặc có nhiều bản sao và dán tốc độ cao) để đưa văn bản rất nhỏ lên hình ảnh có độ phân giải thấp.

Có rất ít không gian để truyền tải thông tin trong lưới 5x5 (hoặc 5xless) nhỏ bé đó mà bạn phải có một chút sáng tạo với hình dạng chữ cái trong một số trường hợp, như "e" trong Berkelium (nó cũng có chữ thường "a" và "s "Hình dạng IIRC), cho mỗi cái đều có thể đọc được và duy nhất có thể nhận dạng được. Và nó cũng có thể hữu ích khi sử dụng chiều rộng tỷ lệ, vì vậy bạn có thể lưu vào các pixel có chữ mỏng hơn để dành chúng cho những nơi cần thêm chiều rộng.

Như ai đó đã gợi ý khi chuyển ở trên, phông chữ hệ thống 6x6 được sử dụng trên Atari ST (đối với nhãn tệp ổ đĩa và chữ hoa trong chính, với 8x8 hoặc 8x16 được sử dụng ở nơi khác, mặc dù không độc quyền) cũng có thể đáng để bạn chú ý. Về cơ bản, 5x5 giống như các loại khác về cơ bản là 7x7 và 7x15, vì chúng có khoảng cách dọc và ngang được tích hợp cho tất cả trừ các hậu duệ sâu nhất và các ký tự vẽ hộp. Đáng chú ý là ISTR và các lỗ mở trong vòng lặp của chúng, nhưng chúng vẫn có thể nhận ra (và như đã chứng minh, nếu bạn kết thúc việc sửa đổi chúng thành một kiểu chữ tùy chỉnh, bạn có thể sửa nó).

Ngoài ra, nhỏ nhất mà bạn có xu hướng sử dụng phổ biến là 6x6 hoặc 6x8, có hoặc không có không gian xung quanh, hoặc 5x7 trên một số màn hình LCD ma trận điểm. Thật khó để tạo ra một phông chữ phù hợp với bất kỳ loại ký tự nào thay vì chức năng robot thuần túy với ít pixel hơn (thực sự các ví dụ khác được đưa ra ở trên cảm thấy khá quen thuộc, vì chúng giống hệt hoặc rất giống với những gì tôi thấy thường xuyên sử dụng trên màn hình LCD điện thoại di động rez thấp vào cuối những năm 90 / đầu những năm 2000). Tương tự như cách tạo chữ cái có thể khó (và chắc chắn có lựa chọn sử dụng chữ hoa hoặc chữ thường) với màn hình LCD số 7 đoạn, và nó không tốt hơn nhiều với phân đoạn 9 hoặc 11 (+). Và 5x5 pixel về cơ bản là 25 phân đoạn, ngoại trừ thực sự nó giống như một loại linh hoạt hơn 11 hoặc 15 seg. Đó là loại ràng buộc bạn đang làm việc ở đây.

Nếu bạn có thể chịu đựng được nó, chỉ cần chỉnh sửa các pixel bằng tay ... ít nhất bạn có quyền kiểm soát tối đa đối với gợi ý / k sâu, mà, như những người khác đề cập có lẽ sẽ là vấn đề lớn nhất của bạn trừ khi công cụ phông chữ của bạn được điều chỉnh cụ thể hoặc có thể có một tùy chọn được đặt để điều chỉnh hiển thị dựa trên pixel của các kiểu chữ nhỏ, thay vì giả sử mọi thứ là vectơ có độ phân giải vô hạn và có kích thước khá. (nếu bạn tăng tỷ lệ phông chữ pixel nhỏ thành kích thước bình thường và loại kích thước đầy đủ để phù hợp với các ranh giới quan trọng của nó, nó sẽ trông khá lạ, giống như cố gắng nhồi nhét một khuôn mặt lớn xuống các pixel tối thiểu - độ chi tiết khoảng cách tối thiểu của bạn là ENORMOUS so với glyphs thực tế)


2

Chiều cao 5 px là một điểm quan trọng cho khả năng đọc và nếu nó cũng phải là màu duy nhất, thì bên cạnh đó không thể có được một văn bản dễ đọc. Điều đó có nghĩa là nếu một người lấy giới hạn 6 px thay vì 5 px, điều đó có thể tốt hơn đáng kể , bởi vì người lên và xuống cần ít nhất 1 px không gian và với 5 px thì không thể.

Tôi đã tạo một phông chữ 5 px, nó khá dễ đọc nhưng vẫn khó đọc. Mặc dù tôi thấy nó dễ đọc hơn đáng kể so với phông chữ "5x5" đã đề cập. Nó không phải là phông chữ .ttf, nhưng nếu bạn biết kịch bản trong Photoshop, bạn có thể viết một hàm chuyển chuỗi thành mảng pixel.

Thí dụ:

nhập mô tả hình ảnh ở đây

So với "5x5" (lấy ví dụ từ câu trả lời của Mayersdesign):

nhập mô tả hình ảnh ở đây

Điều tôi cảm thấy thú vị bằng cách thiết kế các phông chữ nhỏ, người ta có thể nhận thấy ngay thiết kế không may của một số chữ cái, nghĩa là sự giống nhau của "e" và "c", và toàn bộ nhóm [bdpqhnu].


1

Phông chữ 3 × 5 px tốt nhất tôi từng thấy là Cái Tom Thumb Thumb :

một

Đây là lần đầu tiên chữ cao 5px Tôi đã phát hiện ra rằng có đẹp trai chữ thường, mặc dù một số chữ như MN(và đặc biệt #, @, &, và ~) không phải là có thể đọc được như họ sẽ là nếu họ đã 4 hay 5 pixel rộng.

Đây là phiên bản sửa đổi, không đơn cách mà tôi đã sử dụng: https://fontstruct.com/fontemony/show/1604078/tom-thumb-modified

nhập mô tả hình ảnh ở đây


Chào mừng bạn đến với Thiết kế đồ họa SE và cảm ơn bạn đã trả lời. Vui lòng xem xét làm cho câu trả lời của bạn thậm chí tốt hơn bằng cách chỉnh sửa ing để tóm tắt một số ưu điểm và nhược điểm của phông chữ đó, đặc biệt là những điều không rõ ràng khi nhìn vào mẫu.
Wrzlprmft
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.