google webfonts trông có vẻ xấu trên chrome

Question

Tôi phụ thuộc rất nhiều vào Google Webfonts cho trang web của mình và (không may) google chrome giới thiệu chúng một cách tồi tệ, tôi đã đặt phông chữ mượt mà, nhưng dường như không có ích gì. VÍ DỤ:

Có cách nào tôi có thể mịn họ/làm cho họ trông đẹp hơn ??

Cảm ơn,

Answer 1

Nếu bạn đang nhận được phông chữ từ máy chủ google nó có thể ít mịn vì khách hàng của bạn phải thực hiện yêu cầu hai máy chủ một cho trang web của bạn và một cho máy chủ Google Web Fonts. Vì vậy, nếu bạn tải về các phông chữ và lưu trữ chúng trên trang web của bạn phông chữ của bạn sẽ trông mượt mà hơn và tải mượt mà hơn. Ngoài ra tôi đã tìm thấy chiều cao đã làm rất nhiều với cách họ nhìn. Một số phông chữ đáng buồn trông bị bóp méo khi chúng bị va chạm tới 150px và cứ như vậy và con trai. Vì vậy, hãy cố gắng giữ cho chiều cao phông chữ của bạn thấp.

Answer 2

Cá nhân tôi sẽ sử dụng

http://www.fontsquirrel.com/

Đó là tất cả được lưu trữ trên máy chủ của bạn và nó tương thích với hầu hết các trình duyệt! Kể từ khi sử dụng Font Squirrel tôi đã không tìm ở nơi khác.

Answer 3

Sự cố hiển thị phông chữ phổ biến trong GChrome, hãy thử thay đổi thứ tự của các nguồn @ phông chữ của bạn ... Chrome sử dụng tệp .svg trong các nguồn phông chữ @, vì lý do nào đó nó không chịu được .svg được gọi là cuối cùng trong danh sách

@font-face { 
font-family: 'my-dirty-font'; 
src: url('../fonts/my-dirty-font.eot'); 
src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'), 
url('../fonts/my-dirty-font.woff') format('woff'), 
url('../fonts/my-dirty-font.ttf') format('truetype'), 
url('../fonts/my-dirty-font.svg') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

Nếu Sắp @ font-face trông tương tự sau đó cố gắng thay đổi để

@font-face { 
    font-family: 'my-dirty-font'; 
    src: url('../fonts/my-dirty-font.eot'); 
    src: url('../fonts/my-dirty-font.eot?#iefix') format('eot'), 
    url('../fonts/my-dirty-font.svg') format('svg'); 
    url('../fonts/my-dirty-font.woff') format('woff'), 
    url('../fonts/my-dirty-font.ttf') format('truetype'), 
    font-weight: normal; 
    font-style: normal; 
    }