Chrome: Webfont bị tắt 1 ký tự, nhưng đôi khi chỉ

Question

Đôi khi văn bản trên trang web của tôi sẽ bị tắt bởi một ký tự đơn (trong Chrome), tôi đã đính kèm một vài hình ảnh bên dưới sao chép sự cố. Tôi có thể tái tạo lỗi này với sự thành công nhất trên trang này: http://identity-dev.github.io/id-bower/docs/

Ngay

sai

Lưu ý: "Loại" trở thành "Sxod" và "Kit "trở thành" Jhs "

Dường như các ký tự vẫn giữ nguyên o của chúng độ rộng ban đầu, vì vậy nó giống như nó biết những gì nhân vật nên có.

Sửa Cho code font-face:

@font-face{ 
    font-family: "Proxima"; 
    src: url('#{$font-path}/proxima-nova.eot' + '?#iefix'); 
    src: url('#{$font-path}/proxima-nova.svg') format("svg"), 
     url('#{$font-path}/proxima-nova.eot' + '?#iefix') format("eot"), 
     url('#{$font-path}/proxima-nova.woff') format("woff"), 
     url('#{$font-path}/proxima-nova.ttf') format("truetype"); 
    font-weight: normal; 
    font-style: none; 
} 

Answer 1

thử để chọn 'a' và áp dụng tài sản letter-spacing: 1pt