Kết xuất Raleway (Google Web Fonts) trong trình duyệt Google Chrome

Tôi đang sử dụng Windows 7 và tôi gặp sự cố với một trong các Phông chữ của Google: Raleway . Tôi đã kiểm tra và phông chữ này trông rất tốt trong Firefox (câu 34) nhưng trong Google Chrome (câu 39) nó trông rất tệ trên máy tính của tôi. Đôi khi tôi không thể đọc văn bản.

Tôi đã tải xuống Raleway Google Web Fonts nhờ liên kết này:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Raleway%3A200%2C300%2C400%2C500%2C600%2C700&#038;subset=latin">

Màn hình in (Windows 7):

Phông chữ Web của Google: Raleway trong Google Chrome 39

GWF Raleway trong Google Chrome (Windows 7)

Phông chữ Web của Google: Raleway trong Firefox 34

nhập mô tả hình ảnh ở đây

Raleway, Google Web Font bạn có thể tìm thấy trên http://www.google.com/fonts/specimen/Raleway

— Cichy
nguồn

Có một số vấn đề với chrome và phông chữ google cũng có. Để giải quyết vấn đề này, bạn có thể thực hiện: tải xuống tất cả các biểu mẫu [woff, ttf, svg, v.v.], tạo bộ khuôn mặt phông chữ và gọi nó bằng cách sử dụng @ font-face trong tệp css. Cũng tải lên bộ khuôn mặt phông chữ đến máy chủ của bạn.

— Giúp đỡ tay vào

Tệp Google chứa mã CSS , tải xuống các tệp phông chữ bắt buộc (ví dụ: trong Chrome, đó là " .woff2 "). Một phần của mã này là dưới đây. Tôi không hiểu sự khác biệt giữa việc sử dụng tệp phông chữ từ máy chủ Google và từ máy chủ của tôi nếu nguyên tắc hoạt động là như nhau. Mặt khác, tôi đang sử dụng nó trong chủ đề WP nơi người dùng có thể thay đổi phông chữ và tôi không thể bao gồm tất cả các phông chữ của Google thành chủ đề WP , đó là lý do tại sao tôi cần sử dụng giải pháp tiêu chuẩn bằng cách sử dụng liên kết đến CSS (với @ font-face ) được tạo bởi phông chữ.googleapis.com .

— Cichy

BTW trong tệp CSS từ Font.googleapis.com khi tôi khởi động nó trong Chrome Tôi có mã như thế này:@font-face {(...) src: local('Raleway'), url(http://fonts.gstatic.com/raleway/(...)N8.woff2) format('woff2');

— Cichy

Tôi không thấy điều này cả. Nó đã được khắc phục? Nếu không, bạn có thể cho tôi một liên kết đến một trang ví dụ không?

— Daniel F

Tôi muốn thêm rằng tôi gặp vấn đề này trên máy tính của mình (mọi nơi tôi thấy phông chữ Raleway), nhưng tôi không thấy vấn đề này trên các máy tính khác: |

— Cichy

Đây là sự cố đã biết với Raleway và một số phiên bản Chrome, nó liên quan đến việc khử răng cưa phông chữ. Đây là bản sửa lỗi cho windows, sử dụng SVG trong css

/*FIX FONT FOR GOOGLE CHROME ON WINDOWS*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
    font-family: 'MyFont';
    src: url('fonts/myfont.svg#myfont') format('svg');
    font-weight: normal;
    font-style: normal;}
 }

Điều này có thể khiến mọi thứ trở nên tồi tệ hơn trên máy Mac, do đó bạn có thể mã hóa các tiêu đề HTTP để chỉ thay đổi điều này cho Windows, hướng dẫn

Đề nghị này html { -webkit-text-stroke: 0.25px}từ superuser có vẻ đầy hứa hẹn.

Giải pháp này từ stackoverflow giải thích cách khắc phục các vấn đề liên quan đến phông chữ google được cài đặt cục bộ và kết xuất chrome.

báo cáo lỗi chrome và tin tức về Chrome 37 sửa nó

— Chuột
nguồn