Làm cách nào tôi có thể sửa lỗi hiển thị webfonts không rõ ràng trong Firefox mà không vô hiệu hóa chúng?

Tôi đang gặp một số vấn đề với kết xuất phông chữ trong Firefox. Tôi đã vô hiệu hóa ClearType / Font Smoothing trong Windows 7 vì tôi không thích phông chữ được làm mịn (không được kiểm tra "Smooth Edges of Screen Fonts" trong phần hiệu suất của bảng điều khiển Hệ thống), và bây giờ có vẻ như nhiều cách sử dụng phông chữ web có thể tải xuống kết xuất rất tệ trong trình duyệt của tôi, ví dụ:

Lưu ý rằng một số (nhưng không phải tất cả) các dòng dọc xuất hiện in đậm [ nguồn văn bản ].

Tôi biết điều này có liên quan đến phông chữ web có thể tải xuống, vì phông chữ thông thường xuất hiện để hiển thị chính xác. Tôi có thể làm việc xung quanh vấn đề này bằng cách tắt hoàn toàn phông chữ tải về:

gfx.downloadable_fonts.enabled = false

Tuy nhiên, tôi thích tải xuống các phông chữ và hiển thị chúng chính xác. Làm cách nào tôi có thể định cấu hình Firefox để phông chữ web có thể tải xuống hiển thị độc đáo mà không cần làm mịn phông chữ?

Ngoài ra, hiệu ứng mà tôi đang cố gắng để thoát khỏi được gọi là gì? Có vẻ như phông chữ đang được hiển thị để làm cho phiên bản được làm mịn trông đẹp hơn, nhưng điều đó không bị vô hiệu hóa với việc làm mịn là. Tôi cũng gặp vấn đề tương tự trong Chrome.

Tôi đang dùng:

• Windows 7
• Firefox 40

Vì vậy, tôi có lẽ nên đăng câu trả lời tôi đã học được từ khi đặt câu hỏi ban đầu.

tl; dr: tốn kém để tạo phông chữ hiển thị tốt ở độ phân giải màn hình mà không làm mịn phông chữ, vì vậy hầu hết các nhà sản xuất phông chữ web thậm chí không thử. Không có cách nào để làm cho một phông chữ bị bóng xấu nhìn có thể chấp nhận được mà không làm mịn phông chữ.

Vấn đề cốt lõi là dường như việc tạo ra một phông chữ trông đẹp trên màn hình là tốn kém . Hình dạng của các chữ cái được lưu trữ dưới dạng các đường cong được xác định theo toán học có thể được thu nhỏ theo bất kỳ độ phân giải nào, nhưng ở độ phân giải thấp, các đường cong đó không rơi đúng vào các pixel bên phải, vì vậy chúng yêu cầu một thứ gọi là gợi ý phông chữ để hiển thị sắc nét. Gợi ý phông chữ có thể được thực hiện thủ công, bằng tay hoặc tự động, bằng một chương trình máy tính như ttfautohint .

Các kết quả tốt nhất là từ các phông chữ được gợi ý bằng tay. Microsoft đã chi rất nhiều tiền để gợi ý thủ công các phông chữ thường có trong Windows, vì vậy chúng hiển thị rất độc đáo ngay cả khi không có ClearType / Font Smoothing.

Tự động gợi ý phông chữ là rất kém. Hầu hết trong số họ yêu cầu một số loại ClearType / Font Smoothing để có kết quả hiển thị chấp nhận được ở độ phân giải thấp, bởi vì dạng thô của chúng trông giống như crap trong ảnh chụp màn hình tôi đưa vào câu hỏi ban đầu của tôi, với các dòng dày gấp đôi và tương tự.

Điều đó từng không phải là một vấn đề lớn, bởi vì hầu hết các trang web được thiết kế để sử dụng phông chữ đã có trên máy tính của người dùng và những trang này thường có chất lượng cao. Sau đó, phông chữ web đã được phát minh, cho phép mọi nhà thiết kế trang web bỏ qua phông chữ cục bộ chất lượng cao của người dùng và thay vào đó sử dụng một số phông chữ chất lượng thấp hơn mà họ thích. Điều này cũng khuyến khích việc sử dụng phông chữ tùy chỉnh cho những thứ như biểu tượng và logo UI .

Vì vậy, nếu bạn ghét ClearType / Font Smoothing và có màn hình độ phân giải tiêu chuẩn, bạn sẽ là SOL trừ khi bạn cố gắng kiểm soát sự lựa chọn phông chữ từ các trang web bạn đang xem. Đó sẽ là một trận chiến khó khăn và lâu dài, vì văn bản thường hiển thị hoàn toàn tốt với phông chữ cục bộ, nhưng bạn vẫn cần phông chữ web cho các biểu tượng. Bạn có thể không muốn sử dụng cờ trình duyệt để tắt hoàn toàn webfont. Dưới đây là một vài công cụ sẽ giúp.

Chrome: Trình chặn phông chữ . Công cụ này sẽ cho phép nhấp chuột phải vào một số văn bản và chặn phông chữ tùy chỉnh được sử dụng. Nó sẽ hoạt động trên nhiều trang web, nhưng ngày càng có vấn đề với các thuộc tính của Google.

Firefox: Trình chặn phông chữ bị cáo buộc . Công cụ này dường như là cùng một tiện ích mở rộng Chrome ở trên, nhưng được đóng gói cho Firefox. Nó hoạt động theo cùng một cách.

Tôi ước gì ai đó sẽ tạo ra thứ gì đó như trình chặn quảng cáo cho phông chữ web, nó sẽ sử dụng danh sách thay thế phông chữ và sửa lỗi trang do cộng đồng quản lý để làm cho web dễ dàng duyệt mà không cần phông chữ web không có biểu tượng.

Cuối cùng, việc chuyển sang mật độ pixel hiển thị cao hơn sẽ khiến vấn đề này được khắc phục.

Đáng buồn thay, bạn không thể .

Điều quan trọng là: phông chữ mờ bị mờ theo THIẾT KẾ, và do đó phải bị vô hiệu hóa nếu bạn muốn chúng sắc nét (nghĩa là được thay thế bằng phông chữ ol 'tốt như Arial).

Tôi vô hiệu hóa Cleartype ở mọi nơi tôi có thể, vì nó làm tổn thương mắt và khiến tôi đau đầu. Đây là những gì gần đây đã cứu tôi, vì tôi thậm chí không thể đọc được Gmail của mình nữa với phông chữ mờ (Roboto?) Được sử dụng kể từ lần cập nhật trước.
(Tôi đã phải chuyển về chế độ xem HTML để có được thứ gì đó có thể sử dụng được ...)

Vô hiệu hóa các phông chữ ưa thích gần như luôn bị mờ:
Nguồn: http://annystudio.com/misc/anti-aliased-fonts-hurt/

-

Mozilla Firefox :

Mở bằng cách gõ about:configvào thanh địa chỉ.
Đặt gfx.downloadable_fonts.enabledthành sai.

Bạn cũng có thể thay thế tất cả các phông chữ bằng phông chữ bạn chọn bằng cách đi tới Công cụ - Tùy chọn - Nội dung.

-

Google Chrome

Nhấp chuột phải vào biểu tượng trình khởi chạy của Chrome, chọn Thuộc tính. Ở cuối chuỗi launcher thêm--disable-remote-fonts

-

Lưu ý rằng trong khi tôi không thử nó, giải pháp Firefox dường như bao gồm một cách thay thế một số phông chữ bằng các phông chữ khác, do đó, không vô hiệu hóa tất cả chúng, mà chỉ thay thế, với độ chi tiết có thể tùy chỉnh rất cao.
Btw, hầu hết các phông chữ được thiết kế mờ sẽ vẫn khủng khiếp nếu bạn không thay thế chúng ... nhưng nếu bạn tìm thấy (hoặc thiết kế) các phiên bản sắc nét của chúng và định cấu hình thay thế như vậy, bạn thực sự có thể có phông chữ gần với phông gốc mà không có phải vô hiệu hóa hàng loạt mọi thứ.

Btw, tôi nhận thấy bạn đã có giải pháp FF trong bài viết của mình, nhưng tôi đã giữ nó vì tôi cho rằng mọi người đang tìm kiếm nó có thể bị chặn trong việc có giải pháp cho cả hai trình duyệt cùng một lúc.