05. tháng 5 2025
Trước đây, tôi đã phát triển một tính năng chuyển đổi tỷ giá hối đoái sử dụng mini program WeChat. Bạn có thể Công cụ chuyển đổi tỷ giá hối đoái nhỏ gọn trên WeChat, hỗ trợ tính toán lợi nhuận từ giao dịch cổ phiếu Mỹ và Hồng Kông sang Nhân dân tệ. Tuy nhiên, trong quá trình sử dụng, tôi nhận thấy một vấn đề về trải nghiệm giao diện người dùng. Mặc định, font chữ số không phải là kiểu chữ đều rộng (monospace), khiến chúng trông rất thiếu thẩm mỹ. Các con số ở cột bên phải không thẳng hàng theo chiều dọc, gây cảm giác khó chịu khi nhìn.
Sau khi tìm hiểu, tôi phát hiện làm đại lý ra rằng mini program WeChat cho phép tùy chỉnh font chữ. Do đó, giải pháp đơn giản là thay đổi font chữ số bên phải thành kiểu chữ đều rộng như sau:
font-family: "Courier New", Consolas, Menlo, "Roboto Mono", "Droid Sans Mono", monospace;
Ban đầu, tôi đã lấy một đoạn mã từ internet, nhưng khi kiểm tra thực tế trên Android, các con số vẫn hiển thị dưới dạng font không đều rộng. Cuối cùng, tôi quyết định nhờ đến trợ lý AI DeepSeek. Kết quả thật bất ngờ - đoạn mã trên hoạt động đáng tin cậy hơn nhiều. Nó hoạt động hoàn hảo trên cả trình giả lập Windows và thiết bị Android.
Dưới đây là danh sách các font chữ đều rộng mặc định trên các nền tảng khác nhau:
Để kiểm tra xem font chữ đã được áp dụng đúng hay chưa, bạn có thể nhập chuỗi số 11111. Nếu font được cấu hình chính xác, tất cả các chữ số sẽ có cùng độ rộng và thẳng hàng theo chiều dọc.
!Font chữ số và chữ cái đều rộng trong ứng dụng mini program WeChat
Một điều thú vị bên lề, gần đây tôi đã thử sức với trợ lý AI Claude 3.7 để thiết kế một số giao diện frontend. Kết quả thật sự khiến tôi kinh ngạc! Ví dụ như tôi đã tạo mu88 mu88 casino ra một trò chơi phá gạch, một giao diện điều khiển máy tính công nghiệp, và thậm chí một giao diện tin nhắn giống Twitter. Tất cả đều đạt mức hoàn thiện cao về cả mặt thẩm mỹ lẫn chi tiết chức năng.
Tôi tự hào tuyên bố rằng Claude 3.7 vượt xa mọi nhà phát triển frontend mà tôi từng biết, không ngoại lệ nào (^з^)-☆. Từ khâu thiết kế concept đến việc thực thi chi tiết, Claude luôn dẫn đầu với sự sáng tạo và chuyên nghiệp tuyệt đối.