Here's a fiddle với một số ký tự Unicode.Firefox hiển thị một số ký tự nhỏ hơn kích thước phông chữ
<p>★★★½☆</p>
Ở đây nó được kết xuất trong Safari, nhìn như mong đợi:
Dưới đây là trong Firefox:
Tôi nặng cần Firefox để trông giống như Safari . Chính xác thì chuyện gì đang xảy ra ở đây, và có điều gì tôi có thể làm được không?
Những ký tự đó không có trong phông chữ bạn đang đặt trong biểu định kiểu của mình, do đó trình duyệt thực hiện dự phòng với một số phông chữ mà làm có các ký tự. Dự phòng này được thực hiện trên cơ sở từng ký tự, vì vậy các phông chữ khác nhau có thể được sử dụng cho các ký tự khác nhau. Cụ thể, tôi rất nghi ngờ Times New Roman có những nhân vật ngôi sao đó.
Tôi khuyên bạn nên đặt phông chữ thực sự có các ký tự bạn đang sử dụng trong biểu định kiểu của mình.
Điều đó có vẻ không đúng. Arial chứa ký tự này nhưng kết quả thì giống nhau. Một nửa kích thước trong Firefox so với Chrome. http://jsfiddle.net/WSkHL/1/ –
Thú vị. Trong khi Arial tuyên bố có chứa U + 2605, cả Firefox và Chrome đều không sử dụng glyph đó từ phông chữ đó cho tôi: việc thay đổi họ phông chữ từ Arial sang một thứ khác không thay đổi glyph đang được sử dụng, trong cả hai trình duyệt. –
Sau khi googling rộng rãi và một số ma thuật voodoo tôi đã có thể "sửa chữa" điều này bằng cách thêm phông chữ "Arial Unicode MS" vào CSS. Nó xuất hiện font này đi kèm với MS Office. Đã không thể thử trên một cỗ máy không có văn phòng để xem liệu vấn đề có còn tồn tại hay không. http://jsfiddle.net/WSkHL/2/ –
Phông chữ nào đang được sử dụng? Tôi nghĩ đó sẽ là nhân tố chính. Phông chữ được sử dụng không nên "thay đổi kích thước" mà không có hướng dẫn - trừ khi các dấu thập phân được định nghĩa để được hiển thị như vậy. – user2246674
Không có vấn đề gì về phông chữ. Trên đây là Times New Roman. Trang web thực tế tôi đang làm là sử dụng phông chữ Typekit. Cả hai đều thể hiện vấn đề này. –