Vấn đề:
2 trang web cùng sử dụng CSS load 1 font để hiển thị. 1 trang thì hiển thị đúng, 1 trang thì không hiển thị được.
Đoạn code HTML hiển thị ở 2 trang nhìn giống hệt nhau
<span class="b-rub">P</span>
và
<span class="b-rub">Р</span>
Giải quyết:
- Kiểm tra đảm bảo CSS load đúng URL cho font chữ
- Vô hiệu hóa JS
- Xóa các CSS không liên quan khác, chỉ giữ lại CSS liên quan tới font chữ đang tìm lỗi
- Đưa code 2 trang về dạng tối giản (xóa hết nội dung trong body, chỉ giữ lại code HTML đang không hiển thị được font)
- So sánh 2 đoạn code bằng tool, ví dụ TortoiseSVN Diff
Kết quả:
2 chữ P và Р nhìn thì như nhau nhưng không phải là 1. Một chữ có mã là 80, một chữ có mã là 1056