-webkit-font-smoothing: tương đương chống răng cưa trong firefox?

Question

Tôi đang sử dụng rất thuộc tính CSS hữu ích -webkit-font-smoothing: antialiased trong trình duyệt webkit để đảm bảo văn bản tốt đẹp trên tiêu đề, v.v. Có thuộc tính tương đương trong Firefox không?

Font trong WebKit với -webkit-font-smoothing: antialiased:

Font trong Firefox:

Như bạn có thể thấy văn bản trong Firefox là béo hơn so với Webkit. Không có -webkit-font-smoothing: antialiased, văn bản trông giống như trong Webkit như trong Firefox.

Answer 1

Firefox 25+ hỗ trợ thuộc tính CSS không chuẩn mới cho Mac-OS -moz-osx-font-smoothing có hiệu quả tương tự với số -webkit-font-smoothing của WebKit.

Vì vậy, mã này sẽ cung cấp kết quả phù hợp trong Firefox và WebKit:

.example { 
    -moz-osx-font-smoothing: grayscale; /* Firefox */ 
    -webkit-font-smoothing: antialiased; /* WebKit */ 
} 

Answer 2

Tại một điểm firefox có số font-smooth, nhưng nó đã bị xóa và theo như tôi biết không được bao gồm trong bài hát hiện tại. Tôi đã làm một số googling và không thấy bất kỳ dấu hiệu cho thấy sẽ có bất kỳ thay đổi nào.

Thay vào đó, bạn có thể thử giải pháp thay thế như: http://www.elfboy.com/blog/text-shadow_anti-aliasing/.

Answer 3

Firefox có hành vi mà bạn đang theo đuổi theo mặc định, như xa như tôi biết, do đó không cần phải yêu cầu nó một cách rõ ràng ...

Answer 4

Vấn đề là -webkit-font-smoothing: antialiased, mà vô hiệu hóa tiêu chuẩn sub-pixel font chữ mịn. Hãy thử đọc this