Cách tạo văn bản trên trang web xuất hiện được viết tay, nhưng không thể đọc được

Question

Tôi có một hình ảnh 'lưu bút' trên trang web mà tôi sử dụng làm hộp đăng nhập. Giữ đúng chủ đề, tôi hiển thị tên của từng người đã đăng nhập để đọc bài viết cụ thể đó và liệt kê tên của họ trước các hộp đăng nhập (cố gắng tạo cảm giác của một lưu bút thực sự). Tất nhiên, một số người dùng có thể muốn đăng nhập nhưng không có tên thật của họ được hiển thị, vì vậy tôi đã thêm một hộp kiểm cho phép họ đánh dấu tên của họ để làm xáo trộn.

Tôi nghĩ cách trơn tru nhất để tích hợp điều này, vì có một số giá trị để có số 'chữ ký' chính xác trên 'sổ lưu bút', sẽ có tên bình thường xuất hiện trong phông chữ tiêu chuẩn (chẳng hạn như Brush Script), sau đó có các dòng cho các tên 'ẩn' có những gì trông giống như chữ viết tay, nhưng đó không phải là thực sự có thể đọc được.

Cách duy nhất tôi có thể nghĩ để làm điều này là tìm phông chữ không đọc được, xác định phông chữ trong css để trình duyệt tải xuống, sau đó áp dụng nó cho tên ẩn. Để có biện pháp tốt, tôi có thể thay thế tên thật bằng lựa chọn ngẫu nhiên "John Doe", "Jane Doe", "Jayne Doe", v.v. trong trường hợp ai đó xem nguồn. Tuy nhiên, sau một giờ tìm kiếm tôi đã không thể xác định vị trí một phông chữ đáp ứng tiêu chí của tôi, và tôi tự hỏi nếu có một số cách tốt hơn để xử lý vấn đề này.

Vì vậy, tôi đã hy vọng một người nào đó có thể đề xuất một phông chữ có thể phù hợp với nhu cầu của tôi hoặc đề xuất giải pháp tốt hơn. Cảm ơn bạn.

Answer 1

Có một số free font set Tôi đã bắt gặp bạn có thể quan tâm đến cả PC và MAC.

Các in Lời Font:

Văn bản Lời Font:

Cả hai mẫu trên là trong 12px.

Do kích thước hình ảnh nhỏ, chúng được nhìn thấy ở chất lượng không bị biến dạng 100% (có ý định chơi chữ).

Sử dụng số được xây dựng trong Windows Font Map Viewer hoặc MAC Font Book để xem tất cả các ký tự của tệp phông chữ.

Answer 2

Làm thế nào để xáo trộn các chữ cái của tên hoặc thay thế chúng hoàn toàn? Bạn chỉ có thể sử dụng các chữ cái ngẫu nhiên cho một người không muốn chia sẻ tên của họ. Ví dụ 'John' có thể trở thành 'ojhn' hoặc đơn giản là 'sghj'.

Answer 3

Nếu tên không thể đọc được, hãy làm cho một số hình ảnh trong Photoshop không đọc được tên và tải chúng ngẫu nhiên thay cho tên thực tế. Điều đó sẽ dễ dàng hơn và linh hoạt hơn nhiều so với sử dụng CSS và một phông chữ đặc biệt.