Làm cách nào để cải thiện giao diện phông chữ trong google chrome?

.

Bên trái là firefox 4, bên phải là chrome 12. Có cách nào để chrome làm cho phông chữ đẹp hơn không?

Hình ảnh trên được chụp trên windows xp. Dưới đây là một ví dụ khác từ windows 7.

Kiểm tra cài đặt ClearType - ảnh chụp màn hình Chrome trông giống như bị buộc phải hiển thị không khử răng cưa. Điều đó sẽ giết chết bất kỳ phông chữ web nào, vì chúng không có gợi ý đơn sắc (vì lý do kích thước trong số những thứ khác). Tôi đã từng thấy điều này được báo cáo là "IE kết xuất văn bản tốt hơn", bởi vì nó bỏ qua các cài đặt ClearType ở cấp độ hệ điều hành của bạn và bật nó theo mặc định.

Tất cả những câu trả lời đều sai! Đây là một lỗi lớn trong Google Chrome, vui lòng xem báo cáo / chủ đề lỗi chính thức bao gồm rất nhiều ảnh chụp màn hình tại đây: Báo cáo lỗi chính thức về Mã Chrome

Hiện tại cách giải quyết tốt nhất là chỉ cần cung cấp cho phần tử / tiêu đề của bạn quy tắc đơn giản này:

-webkit-text-stroke: 1px

Bổ sung từ Tiến sĩ John: Tôi đã tìm thấy một đề xuất html { -webkit-text-stroke: 0.25px}cũng sẽ hoạt động - tìm thấy nó ở đây https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4

Chrome đang đọc cài đặt ClearType của bạn mà trên Windows XP bị tắt theo mặc định.

1. Để khắc phục sự cố, trước tiên hãy đóng trình duyệt Chrome.

2. Bây giờ, nhấp chuột phải vào bất cứ nơi nào trên máy tính để bàn và chọn 'Thuộc tính' từ menu thả xuống.

3. Nhấp vào tab 'Giao diện' được tìm thấy dọc theo đỉnh trên cửa sổ mới.

4. Và bấm vào nút 'Hiệu ứng'.

5. Tùy chọn thứ hai trở xuống nên đọc, "Sử dụng phương pháp sau để làm mịn các cạnh của phông chữ màn hình."

6. Chọn tùy chọn "ClearType".

7. Nhấp vào Áp dụng & Mở lại trình duyệt Chrome của bạn.

Từ giờ, Chrome sẽ hiển thị các phông chữ của bạn được khử răng cưa cho hiệu ứng mượt mà đó.

Đặt tệp SVG cao hơn trong quy tắc css mặt phông chữ, ví dụ 1 hoặc 2:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

Thay vì:

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}

Ví dụ về sửa chữa này có thể được nhìn thấy ở đây:

Ví dụ về
FontSpring Ví dụ về Adtrak

Bạn có bật Tăng tốc GPU trong Google Chrome không? Nhập about:flagsvà tìm GPU Accelerated Canvas 2D, Vô hiệu hóa nó nếu được bật. Phông chữ trên một số trang web xuất hiện thực sự lởm chởm khi tôi duyệt với tính năng tăng tốc được kích hoạt.

Trong Google Chrome, nhấp vào Cờ lê> Tùy chọn> Dưới mui xe> [bên cạnh Nội dung web] nhấp vào Tùy chỉnh phông chữ.

Thay đổi cài đặt của bạn để trang của bạn trông giống như của tôi

Sau đó nhấp vào x và xem vấn đề của bạn đã được khắc phục chưa.

Nếu điều này không khắc phục được, có thể có một điều nữa ... nhưng tôi sẽ đợi cho đến khi bạn thử điều này.

Chrome hiện không hiển thị phông chữ web tốt. Có một số lỗi trên trình theo dõi vấn đề của họ cho việc này. Hãy gắn sao bất kỳ có liên quan đến bạn để họ chú ý hơn.

Tôi đã có chính xác vấn đề tương tự, hiển thị các webfont từ http://www.google.com/webfonts trong Chrome. Tôi đã thử tất cả các đề xuất về điều này và một vài trang web khác và không ai trong số họ làm việc.

Cuối cùng, tôi bắt đầu kiểm tra các thuộc tính CSS của văn bản bị ảnh hưởng, hóa ra màu phông chữ thực sự gây ra sự cố. Một tiêu đề được đưa ra color:#454545sẽ hiển thị xấu, nhưng cùng một tiêu đề được đưa ra như sau: color:#333hoạt động tốt. Cảm ơn Chúa cho người sử dụng tờ phong cách cụ thể đại lý!

Trong Windows XP, tôi chỉ thay đổi tùy chọn chống bí danh từ "Mặc định" thành "Xóa loại" trong
Hiển thị → Thuộc tính → Giao diện → VisualEffects.

Chrome lấy giá trị ClearType của hệ thống cho các phông chữ. Nhìn tốt hơn trong Windows 7 giải thích rằng. Trên máy Mac, tôi cho phép khử răng cưa cho tất cả các phông chữ trên cỡ 8, tôi cho là vậy. Hãy thử bật hoặc thay đổi ClearType của máy Windows của bạn

Cập nhật : Có vẻ như Chrome 22 trở lên bỏ qua Cài đặt hệ thống choclearType

Tôi đã gặp vấn đề nghiêm trọng này trong Windows XP SP3 đến nỗi nó khiến Chrome không thể sử dụng được cho mọi mục đích và mục đích. Tôi nhận thấy rằng tôi đã cài đặt Clear Type Tune trong Bảng điều khiển và đã thử bỏ chọn "Bật chức năng làm mịn phông chữ" trong tab nâng cao. Sau khi khởi động lại Chrome. mọi thứ đều ổn, ngay cả sau khi bật Font Smoothing trở lại. Tôi quyết định chọn hộp "Áp dụng tất cả cài đặt cho mặc định cho người dùng và hệ thống mới".

Đối với tôi, đó không phải là cài đặt ClearType trong Windows 10.1 x64, nhưng hóa ra đó là cài đặt trong trình duyệt Chrome của tôi có tên DirectWrite.

1. Trong thanh địa chỉ của bạn trong Chrome loại: chrome://flags/#directwrite
2. Và bật DirectWrite, tiêu đề của cài đặt này cho biết Tắt DirectWrite và đảm bảo nút bên dưới hiển thị từ: Bật

Điều đó đã khắc phục vấn đề cho tôi.

Có vẻ như câu trả lời dài và khó là bạn không thể. Có rất nhiều cuộc thảo luận và đề xuất trong trợ giúp của Chrome , nhưng tôi không thấy bất cứ điều gì đáng để đề xuất.

Câu hỏi lớn là làm thế nào mà bạn khiến nó trông tệ đến thế?! Tôi đang sử dụng Chrome để nhập vào ô này ... Tôi thậm chí đã phóng to cả một nhóm và tôi không thấy bất cứ điều gì giống như bạn. Nếu bạn vẫn còn thắc mắc sau đó, bạn nên giải thích cấu hình của mình cho cộng đồng.

Mặc dù Chrome có thể "sử dụng được" cho các phông chữ, nhưng nó trông mỏng và bị rửa trôi ở nơi đặc biệt là nó hiển thị các đường chéo. IE kết xuất tốt hơn nhiều nhưng IE là trình duyệt chậm hơn và vì vậy nó là FireFox.

Tôi tin rằng điều này là cố hữu trong mã cho chrome.

BTW, HackToHell, tôi phải thay đổi màu kết xuất ở đâu?

Tôi sẽ thử cái này.

nhấn phím windows + r rồi gõ cttune.exe vào đó

Phương pháp thay thế là nhấn phím windows sau đó gõ vào Cleartype sau đó chọn Điều chỉnh ClearType Text

và làm theo hướng dẫn, nếu bạn vẫn gặp sự cố, hãy thử một số ví dụ khác

Điều này hiệu quả với tôi, bạn phải thử các ví dụ khác nhau, nó giống như hiệu chỉnh độ tương phản / độ sáng nhưng thay vào đó là văn bản

FYI: vô hiệu hóa khả năng tăng tốc 2d có thể giúp chrome chơi với công cụ điều chỉnh windows Cleartype

Nếu bạn muốn phông chữ web có thể đọc được trong khi vẫn bị tắt / xóa phông chữ, thì giải pháp là tắt phông chữ web trong Google Chrome. Trong trường hợp như vậy, trình duyệt sẽ sử dụng phông chữ chuẩn của hệ điều hành được hiển thị chính xác khi chế độ xóa / làm mịn bị tắt. Để làm như vậy, chuyển /disable-remote-fontscờ cho chrome.exe. Nhấp chuột vào phím tắt Google Chrome trên Máy tính để bàn, chọn Thuộc tính, chuyển đến tab Phím tắt và đặt Mục tiêu thành:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts

Có thể có một vấn đề với phông chữ web bị vô hiệu hóa. Nếu trang web đang sử dụng các biểu tượng từ phông chữ web, thì chúng sẽ không hiển thị.

Vấn đề tương ứng trong trình theo dõi Chromium:

"Cài đặt ClearType trên toàn hệ thống không được tôn trọng đối với phông chữ web" https://code.google.com.vn/p/chromium/issues/detail?id=319429

Chuyển đến chrome://flags/(hoặc about:flags) và Tắt tùy chọn Ghi đè danh sách kết xuất phần mềm .

Canvas 2D tăng tốc cũng nên bị vô hiệu hóa.

Sự kết hợp đó đã giúp tôi.

Chuyển đến chrome: // flags / và đặt "khử răng cưa văn bản LCD" thành bật. Khởi động lại trình duyệt.