Sebuah font yang dapat dibaca dengan tinggi 5px


32

Untuk digunakan di Photoshop, saya mencari font yang tingginya 5 px tapi masih bisa dibaca. Saya mencoba beberapa font sistem sendiri seperti Arial, Tahoma, Segoe UI tetapi semuanya menghasilkan kekacauan yang sangat besar.

masukkan deskripsi gambar di sini

Idealnya font akan menggunakan ruang mereka secara optimal dan membuat kata-kata seperti 'ISDN' dapat dibaca seperti ini: masukkan deskripsi gambar di sini

Ini secara khusus harus 5px. Jadi jenis huruf apa yang cocok untuk menandai kabel? tidak menjawab pertanyaan saya


5
Sudahkah Anda mencari Google "font piksel"? ada banyak dari mereka dalam ukuran kecil, Anda mungkin menemukan satu yang sesuai dengan kebutuhan Anda.
Luciano

Kemungkinan rangkap, paling tidak serupa: graphicdesign.stackexchange.com/q/82634/41100
PieBie

1
@PieBie itu untuk cetak bukan 'web'. Juga ini khusus untuk ketinggian 5px.
Gerlof Leuhof

1
Anda mengatakan Anda telah mencoba beberapa font sistem. Sudahkah Anda mencoba "Font Kecil"?
kolrabi

2
Haruskah ini bitmap font hanya dengan 2 warna (latar belakang dan latar depan)? Atau mungkin Anda menggunakan lebih dari 2, dan dengan demikian anti-alias?
Rosie F

Jawaban:


44

Jika font 5x5 piksel yang disarankan oleh Cai dan mayersdesign masih terlalu besar, Anda dapat mencoba font 4x5 piksel yang saya buat beberapa tahun lalu untuk tantangan di situs SE lain .

Versi asli termasuk hanya surat-surat Auntuk Zdan .dan !karakter, tapi aku hanya membuat versi TTF sebenarnya dari font (menggunakan editor font yang berbasis ubin-secara online ) yang mencakup semua karakter ASCII yang dapat dicetak. (Namun, belum ada aksen huruf atau tanda baca non-ASCII yang mewah, dan huruf kecil identik dengan huruf besar.)

Bahkan, saya membuat dua versi: satu dengan spasi huruf variabel , dan satu yang monospace . Seperti apa bentuknya (ukuran 200%):

Font CG piksel 4x5
( unduh langsung )

Fon CG piksel 4x5 mono
( unduh langsung )

Saya belum menguji font-font ini di Photoshop, tetapi mereka berfungsi dengan baik di GIMP: cukup atur ukuran font menjadi (kelipatan) 5px, dan penspasian baris menjadi 1px atau lebih.

Juga, saya telah merilis font-font ini ke domain publik (melalui CC-Zero ), sehingga Anda dapat melakukan apa pun yang Anda inginkan dengannya. Khususnya, jika Anda tidak menyukai beberapa pilihan desain yang saya buat (seperti angka nol, atau modal serifless I) atau hanya ingin menambahkan lebih banyak mesin terbang, Anda bebas untuk mengkloning font dan mengeditnya sendiri sesuai keinginan kebutuhanmu; editor online cukup mudah digunakan.


Ps. Aku pergi dan membuat beberapa dari lebih kecil varian font ini:

Font CG pixel 3x5
( unduh langsung )

Fon CG piksel 3x5 mono
( unduh langsung )

Pada 3x5 piksel, ukurannya sekecil font piksel dan masih dapat terbaca. Itu juga, tidak sepenuhnya kebetulan, terlihat sangat mirip dengan hampir setiap font 3x5 piksel lainnya di luar sana.

Bahkan pada ukuran ini, beberapa mesin terbang (terutama simbol tanda baca yang lebih kompleks seperti &, @, #dan *) menderita sedikit, dan beberapa solusi kreatif (seperti sangat kecil-gaya N) yang diperlukan untuk menyimpan semua bentuk yang berbeda. Namun, itu lebih atau kurang dapat dibaca, bahkan jika beberapa surat mungkin ambigu jika digunakan sendiri tanpa konteks (seperti M, yang dapat disalahartikan sebagai Natau a H).

Tentu saja, Anda juga bebas untuk mengubah font ini sesuka Anda, atau bahkan mendesain font Anda sendiri.


1
Saya tidak tahu mengapa, tetapi itu sangat mirip dengan font yang digunakan pada TI-82 hingga kalkulator TI-84, untuk menggambar teks pada grafik.
Ismael Miguel

14
@IsmaelMiguel setiap font 3x5 terlihat seperti itu.
AJMansfield

@ AJMansfield Tidak ada yang menentang, hanya ingin menunjukkannya. Tapi mungkin Anda benar. Tetap saja itu menyenangkan. Itu mengingatkan saya pada hari-hari saya dulu menghabiskan waktu pemrograman pada TI-83 saya, bukannya memperhatikan matematika. Kembali ke topik, saya bukan "berharap" dalam font 3x5 (atau font pada umumnya) dan hanya ingin menunjukkan itu.
Ismael Miguel

1
@ IsmaelMiguel Ini memang mengingatkan saya akan hal itu juga, duduk di belakang kelas matematika dan memprogram TI-84 saya.
AJMansfield

1
@Michael: Oh, saya tidak sadar itu melakukan itu. :( Saya telah mengunggah file .ttf yang di-zip ke situs web saya sendiri, dan menambahkan tautan ke file-file tersebut di atas.
Ilmari Karonen

32

Anda akan mengalami masalah dengan sebagian besar font dengan ukuran sekecil itu. Beberapa akan memiliki isyarat yang lebih baik daripada yang lain dan baik-baik saja, tetapi Anda tidak mungkin menemukan apa pun yang berfungsi dengan baik ...

Yang benar-benar Anda butuhkan adalah font yang dirancang khusus untuk bekerja pada ukuran itu. Font Bitmap adalah font yang dirancang sebagai gambar raster aktual untuk ukuran tertentu; Photoshop memiliki dukungan font bitmap dalam versi yang lebih baru sehingga dapat menjadi pilihan ... jika tidak Anda hanya mencari "font pixel" untuk menemukan font vektor normal yang dirancang untuk mensimulasikan grid pixel. Ini adalah hasil pertama untuk pencarian "font 5px pixel":

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

masukkan deskripsi gambar di sini


24

Font 5x5 yang gratis (untuk penggunaan pribadi), dibuat khusus untuk ketinggian font 5px.

masukkan deskripsi gambar di sini


dengan aksen! itu bagus
Luciano

3
Sayangnya, aksennya tidak pas di dalam kotak 5x5 piksel. Saya bertanya-tanya bagaimana itu mungkin, tetapi ternyata tidak. :(
Ilmari Karonen

1
@Ilmari Karonen - Tikus! Meskipun saya kira itu agak jelas. Jika Anda meninggalkan piksel untuk spasi yang akan meninggalkan ... well ... itu tidak akan berfungsi haha, tetapi masih font yang sangat kecil dan dapat dibaca dengan aksen!
mayersdesign

4
Anda bisa menambahkan aksen setelah karakter aksennya. Saya mungkin sudah melihat itu dilakukan kembali ketika Atari ST masih menjadi hal.
John Dvorak

3
Setidaknya di situs yang Anda tautkan, font terdaftar sebagai "gratis untuk penggunaan pribadi " (penekanan milik saya) dan tidak hanya gratis - yang akan membuat perbedaan bagi sebagian orang. Kemudian lagi, situs-situs font IMHO sangat buruk tentang mengubah persyaratan lisensi (kedua arah)
AC

13

Berkelium 1541 adalah konversi TrueType dari font piksel proporsional yang digunakan oleh sistem operasi GEOS pada Commodore 64 untuk memberi label file dan ikon lainnya di desktop.

Teks Berkelium 1541 / ISDN E18 ditingkatkan menjadi 4 kali dalam font itu:

masukkan deskripsi gambar di sini


3

Saya tahu posting ini sedikit terlambat, tetapi saya hanya berpikir bahwa ini dapat membantu siapa saja yang kebetulan mencari font 5 dengan 3 piksel. Font Terminal memiliki huruf besar dan angka 5 dengan 3 huruf besar, namun huruf kecil tidak semuanya berukuran 5 kali 3 piksel (ditunjukkan dengan garis merah pada gambar.)Huruf besar huruf terminal dibandingkan dengan huruf kecil


2

"Font kecil" Windows sendiri pada ukuran 4 atau 5pt tampaknya cukup baik, meskipun Anda mungkin harus memilih karakter apa yang terlihat OK dan yang tidak. Jika itu benar-benar ditampilkan dengan benar (Anda mungkin harus mematikan Cleartype, atau bahkan menggunakan Paint dalam warna monokrom 1-bit lebih) maka itu akan tampak seperti Berkelium di atas, yang tidak jauh dari tangan ukuran minimum. wajah yang disetel yang saya gunakan (baik diperbesar dan dipoles tangan, atau dengan banyak copy dan paste kecepatan tinggi) untuk menempatkan teks yang sangat kecil ke gambar beresolusi rendah.

Ada begitu sedikit ruang untuk menyampaikan informasi dalam kotak kecil 5x5 (atau 5xless) sehingga Anda harus sedikit kreatif dengan bentuk huruf dalam beberapa kasus, seperti "e" di Berkelium (juga memiliki huruf kecil "a" dan "s yang menarik) "bentuk IIRC), untuk masing - masing menjadi dapat dibaca dan diidentifikasi unik. Dan mungkin berguna untuk menggunakan lebar proporsional, sehingga Anda dapat menghemat piksel dengan huruf yang lebih tipis untuk membelanjakannya pada yang membutuhkan lebar tambahan.

Seperti seseorang mengisyaratkan lewat di atas, font sistem 6x6 yang digunakan pada Atari ST (untuk drive dan label file huruf besar di utama, dengan 8x8 atau 8x16 digunakan di tempat lain, meskipun tidak secara eksklusif) juga mungkin patut Anda perhatikan. Ini pada dasarnya 5x5 dengan cara yang sama seperti yang lainnya pada dasarnya 7x7 dan 7x15, karena mereka memiliki jarak vertikal dan horizontal yang dibangun untuk semua kecuali karakter terdalam dan karakter gambar kotak. Khususnya ISTR e dan a kekurangan bukaan di loop mereka, tetapi mereka masih dikenali (dan seperti yang ditunjukkan, jika Anda akhirnya mengubahnya menjadi jenis huruf khusus, Anda dapat memperbaikinya).

Selain itu, yang terkecil yang cenderung Anda gunakan adalah 6x6 atau 6x8, dengan atau tanpa ruang di sekitarnya, atau 5x7 pada beberapa LCD dot matrix. Sulit untuk membuat font yang layak dengan jenis karakter apa pun daripada fungsionalitas robot murni dengan piksel lebih sedikit (memang contoh lain yang diberikan di atas terasa agak akrab, karena keduanya identik atau sangat mirip dengan yang saya lihat digunakan secara teratur pada LCD ponsel low-rez kembali pada akhir 90-an / awal 2000-an). Mirip dengan bagaimana mungkin sulit untuk membuat huruf (dan tentu saja memiliki pilihan untuk menggunakan huruf besar atau kecil) dengan LCD numerik 7-segmen, dan itu tidak jauh lebih baik dengan segmen 9 atau 11 (+). Dan 5x5 piksel pada dasarnya adalah 25-segmen, kecuali sebenarnya itu lebih seperti jenis yang sedikit lebih fleksibel yaitu 11 atau 15 seg. Itulah jenis kendala yang Anda kerjakan di sini.

Jika Anda bisa tahan, cukup plonk piksel dengan tangan ... setidaknya Anda memiliki kendali penuh atas petunjuk / kerning, maka, yang seperti yang disebutkan oleh orang lain mungkin akan menjadi masalah terbesar Anda kecuali mesin font Anda secara khusus disetel untuk , atau dapat memiliki opsi yang diatur untuk menyetel rendering berbasis pixel dari tipografi kecil, daripada menganggap semuanya vektor resolusi tak terbatas dan ukuran yang layak. (jika Anda memperbesar font piksel kecil ke ukuran normal dan tipe ukuran penuh berubah menjadi sesuai dengan batas kritisnya, itu akan terlihat sangat aneh, sama seperti mencoba menjejalkan permukaan besar ke bawah ke piksel minimal - granularity jarak minimum Anda adalah BESAR vs mesin terbang yang sebenarnya)


2

Tinggi 5 px adalah titik kritis untuk keterbacaan dan jika itu juga harus satu warna saja, hampir tidak mungkin untuk mendapatkan teks yang dapat dibaca dengan baik. Itu berarti jika seseorang mengambil batas 6 px dan bukannya 5 px, itu bisa jauh lebih baik, karena ascenders dan descenders membutuhkan setidaknya 1 px space dan dengan 5 px itu tidak mungkin.

Saya telah membuat font 5 px, cukup terbaca tetapi masih sulit dibaca. Meskipun saya merasa secara signifikan lebih mudah dibaca daripada font "5x5" yang disebutkan. Ini bukan font .ttf, tetapi jika Anda tahu scripting di Photoshop Anda bisa menulis fungsi yang mengubah string menjadi array piksel.

Contoh:

masukkan deskripsi gambar di sini

Dibandingkan dengan "5x5" (diambil contoh dari jawaban Mayersdesign):

masukkan deskripsi gambar di sini

Apa yang saya temukan menarik dengan mendesain font kecil, orang dapat segera melihat desain yang tidak menguntungkan dari beberapa huruf, yaitu kesamaan "e" dan "c", dan seluruh kelompok [bdpqhnu] sebenarnya.


1

Font 3 × 5 px terbaik yang pernah saya lihat adalah "Tom Thumb" :

Sebuah

Ini adalah pertama font yang 5px tinggi saya telah menemukan bahwa memiliki tampan huruf kecil, meskipun beberapa huruf seperti Mdan N(dan terutama #, @, &, dan ~) yang tidak dapat dibaca karena mereka akan jika mereka lebar 4 atau 5 piksel.

Inilah versi yang dimodifikasi dan tidak menggunakan monospace yang telah saya gunakan: https://fontstruct.com/fontstructions/show/1604078/tom-thumb-modified

masukkan deskripsi gambar di sini


Selamat datang di Desain Grafis SE dan terima kasih atas jawaban Anda. Harap pertimbangkan untuk membuat jawaban Anda lebih baik dengan mengeditnya untuk merangkum beberapa kelebihan dan kekurangan font itu, khususnya yang tidak jelas dari melihat sampel.
Wrzlprmft
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.