Một vài font chữ pixel hiện đại thú vị

 (unsung.aresluna.org)
2 điểm bởi GN⁺ 6 giờ trước | 1 bình luận | Chia sẻ qua WhatsApp
  • Analog Mono là một font mang phong cách pixel, dựa trên VCR OSD Mono của các thiết bị VCR, TV, camcorder và hi-fi thập niên 1990, đồng thời sửa các vấn đề phát sinh do đường cơ sở thấp
  • Ở VCR OSD Mono, các chữ cái có descender bị kéo lên trên, còn Analog Mono đã khắc phục vấn đề đường cơ sở này
  • Coral Pixels là một font màu cũng được cung cấp trên Google Fonts, đưa hiệu ứng lem viền đầy màu sắc kiểu thập niên 1990~2000 vào ngay trong bản thân font
  • Two Slice là font chỉ cao 2 pixel, một font pixel cực nhỏ với tuyên bố là “có thể đọc được ở một mức độ nào đó”
  • Geist Pixel xem font pixel không phải như đồ trang trí mà là một công cụ chức năng trong hệ thống typography production, và coi trọng các công việc đi kèm như metrics và kerning

Một vài font mang phong cách pixel hiện đại

  • Analog Mono

    • Analog Mono của Andrew Gleeson là một font mang phong cách pixel được tạo dựa trên VCR OSD Mono, thứ thường thấy trên các thiết bị VCR, TV, camcorder và hi-fi trong thập niên 1990
    • Font gốc có hiện tượng các chữ có descender bị kéo lên trên do đường cơ sở thấp, và Analog Mono đã chỉnh lại điểm này

  • Coral Pixels

    • Coral Pixels của Kumiko Yoshida là một font màu cũng có trên Google Fonts
    • Nó tích hợp ngay trong font hiệu ứng lem viền đầy màu sắc của thập niên 1990 và 2000
    • Hiệu ứng lem này vốn là sản phẩm của subpixel rendering, nhưng nay cũng được dùng như một yếu tố hoài niệm hoặc một yếu tố thị giác độc lập

  • Two Slice

    • Two Slice của Joseph Fatula là một font chỉ cao 2 pixel, với tuyên bố rằng “có thể đọc được ở một mức độ nào đó”

  • Geist Pixel

    • Tất cả các font kể trên đều là font vector có thể cài trên hệ điều hành hiện đại nhưng được tạo để trông giống font pixel
    • Geist Pixel của Vercel xem font pixel không chỉ là trang trí đơn thuần mà là một công cụ chức năng được dùng trong một hệ thống typography rộng hơn
    • Geist Pixel cho rằng những lý do font pixel thường bị vỡ trong production là vấn đề co giãn giữa các viewport, metrics xung đột với typography sẵn có, và tính trang trí thuần túy; đồng thời cố gắng giữ cùng lúc chất liệu thị giác và sự nghiêm ngặt về typography mà sản phẩm cần
    • Điểm yếu của một số font không nằm ở hình dạng chữ cái mà ở các phần việc hậu trường không nhìn thấy như kerning, metadata, glyph bổ sung và vertical metrics; đội ngũ Geist Pixel đặc biệt coi trọng vertical metrics

Bài viết liên quan

1 bình luận

 
GN⁺ 6 giờ trước
Ý kiến trên Hacker News

  • Điều dễ bị quên là các font pixel hiện đại đều giả định tỷ lệ khung hình của pixel là 1:1, tức chiều cao và chiều rộng bằng nhau. Vì vậy, ô ký tự 8x8 sẽ là hình vuông hoàn hảo
    Nhưng khá nhiều màn hình máy tính đời cũ không như vậy, và đa số có độ phân giải theo chiều ngang dày hơn chiều dọc, nên trong cùng một khoảng cách vật lý sẽ có nhiều pixel ngang hơn. Pixel vuông 1:1 gần như là một đổi mới của Macintosh và khi đó rất hiếm, vì thế nếu xem các font trên trang này trên những thiết bị khác của thập niên 80 thì có lẽ chúng sẽ không hiển thị “đúng”. Ngược lại, mang font của các thiết bị đó lên màn hình hiện đại cũng sẽ trông kỳ cục

    • Không phải là bị lãng quên hoàn toàn. Ví dụ, bộ sưu tập font int10h, có lẽ là kho font bitmap lớn nhất, thể hiện rất rõ phần hiệu chỉnh tỷ lệ khung hình cho từng font https://int10h.org/oldschool-pc-fonts/

  • Analog Mono và Two Slice thực sự rất đẹp. Nếu bạn thích kiểu này thì có lẽ cũng sẽ thích Departure Mono, một trong những font pixel hiện đại tôi ưa thích https://departuremono.com

    • Nó tạo cảm giác giống font dùng trong trò chơi điện tử Papers, Please
    • Tôi cũng vào đây để nói điều đó, và thực ra tôi thích Departure đến mức đang dùng nó cho việc lập trình và làm font terminal. Tôi cũng chắc chắn sẽ thử các font trong bài gốc

  • Vẫn còn ai dùng font misc fixed 7x13 đi kèm X11 không? Tôi thực sự không thể đổi sang cái khác. Nó đọc hoàn hảo cả trên màn 14 inch 1920×1200 lẫn màn 35 inch 3440×1440. Nhỏ thật, nhưng đó cũng chính là điểm mạnh của nó
    Vấn đề duy nhất là ở cỡ đó thì các ký hiệu của Nerd Font rất khó đọc. Làm cho nó render được trong alacritty thì không quá khó, nhưng trong rxvt-unicode thì cần thêm chút tinh chỉnh kiểu hacky

  • Tôi thích https://viznut.fi/unscii/. Nó được tạo ra cho ASCII art, nhưng vẫn hoạt động tốt trong terminal và vẫn tiếp tục được cập nhật Unicode

  • Geist nhìn đơn thuần là rất tệ. Nó giống như một font vector bị ép đại lên lưới pixel, không có cá tính và cũng thiếu sự chăm chút với banding lẫn hình dáng

  • Vài năm trước tôi từng làm một dự án nhúng dùng màn hình rất nhỏ 128x64 và muốn dùng font pixel, nhưng không tìm được gì đủ ưng ý nên tự làm luôn. Hóa ra việc này thực sự dễ, và Font Forge rất tuyệt, lại còn rất dễ dùng
    Chỉ cần chốt vài ký tự ở kích thước mong muốn để bắt đầu là bạn có thể nhanh chóng tạo ra một bộ font gắn kết, đẹp mắt và dễ đọc. Tôi rất khuyến khích thử làm như một bài luyện tập. Nhân tiện, tôi cũng nhét vào đó cả đống biểu tượng mã nguồn mở của dự án dưới dạng glyph font, và quá trình tìm xem có thể làm chúng nhỏ đến mức nào mà vẫn giữ được khả năng phân biệt cũng rất thú vị

  • Với tư cách người yêu phần mềm độ phân giải thấp, tôi phải công nhận font tuyệt vời nhất mà từ năm 2003 đến nay chưa ai vượt qua được https://www.dafont.com/04b-03.font
    Dạo này xu hướng lại là làm phần mềm trông như một cuốn cổ thư fantasy thật ngầu https://skeddles.itch.io/eldring-pro

  • Analog Mono và Geist có đủ nhiều pixel trên mỗi glyph đến mức ở cỡ khoảng dưới 20px chúng không đọc tốt như font pixel thực thụ. Analog phần nào giảm bớt điều đó nhờ các khối pixel lớn 2x2 chồng lên nhau, nhưng với tôi thì Geist chỉ giống một font vector bị thu nhỏ

    • Trong mắt tôi nó trông giống font X11 độ phân giải cao. Không đặc biệt sáng tạo hay độc đáo gì

  • Tôi khá thích font Gohu. Gần đây khi chỉnh một giao diện blog tĩnh, tôi đã chuyển nó sang woff2 để dùng trên http://dntbl.ink. Tôi rất hài lòng với cách nó render và cảm giác đậm chất VAX mà nó mang lại