.
Di sebelah kiri adalah firefox 4, di sebelah kanan adalah chrome 12. Apakah ada cara untuk membuat font chrome membuat lebih cantik?
Gambar di atas diambil pada windows xp. Di bawah ini adalah contoh lain dari windows 7.
.
Di sebelah kiri adalah firefox 4, di sebelah kanan adalah chrome 12. Apakah ada cara untuk membuat font chrome membuat lebih cantik?
Gambar di atas diambil pada windows xp. Di bawah ini adalah contoh lain dari windows 7.
Jawaban:
Periksa pengaturan ClearType - tangkapan layar Chrome sepertinya dipaksa untuk membuat non-anti-alias. Itu akan mematikan hampir semua font web, karena mereka tidak memiliki petunjuk monokrom (untuk alasan ukuran antara lain). Saya biasa melihat ini dilaporkan sebagai "IE membuat teks lebih baik", karena mengabaikan pengaturan ClearType tingkat OS Anda dan menyalakannya secara default.
Semua jawaban itu salah! Ini adalah bug besar di Google Chrome, silakan lihat laporan / utas bug resmi termasuk banyak tangkapan layar di sini: Laporan bug resmi tentang Kode Chrome
Saat ini solusi terbaik adalah dengan memberikan elemen / informasi utama Anda aturan sederhana ini:
-webkit-text-stroke: 1px
Tambahan dari Dr John: Saya menemukan saran yang html { -webkit-text-stroke: 0.25px}
akan berfungsi juga - menemukannya di sini
https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4
-webkit-text-stroke
pada addon Bergaya. Sekarang Chrome memberi saya sedikit lebih banyak kesenangan.
Chrome sedang membaca pengaturan ClearType Anda yang pada Windows XP dimatikan secara default.
Untuk memperbaiki masalah ini, pertama tutup browser Chrome.
Sekarang klik kanan di mana saja di desktop dan pilih 'Properties' dari menu drop-down.
Klik pada tab 'Penampilan' yang ditemukan di bagian atas pada jendela baru.
Dan klik tombol 'Efek'.
Opsi kedua di bawah harus membaca, "Gunakan metode berikut untuk memperhalus tepi font layar."
Pilih opsi "ClearType".
Klik Terapkan & Buka kembali browser Chrome Anda.
Mulai sekarang, Chrome akan membuat font Anda menjadi anti alias dengan efek halus.
Tempatkan file SVG lebih tinggi dalam aturan font-face css, misalnya 1 atau kedua misalnya:
@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;
}
Dari pada:
@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;
}
Contoh perbaikan ini dapat dilihat di sini:
Apakah Anda memiliki Akselerasi GPU yang diaktifkan di Google Chrome? Ketik about:flags
dan cari GPU Accelerated Canvas 2D
, Nonaktifkan jika diaktifkan. Font pada beberapa situs tampak sangat bergerigi ketika saya melihat-lihat dengan akselerasi yang diaktifkan.
Dalam Google Chrome klik pada Kunci Inggris> Opsi> Di Balik Terpal> [di sebelah Konten Web] klik Kustomisasi Font.
Ubah pengaturan Anda sehingga halaman Anda terlihat seperti milik saya
Kemudian klik x, dan lihat apakah masalah Anda telah diperbaiki.
Jika ini tidak memperbaikinya, mungkin ada satu hal lagi ... tapi saya akan menunggu sampai Anda mencoba ini.
Chrome tidak membuat font web dengan baik saat ini. Ada beberapa bug pada pelacak masalah mereka untuk ini. Harap beri peringkat yang relevan dengan Anda, mereka untuk memberi mereka lebih banyak perhatian.
Saya memiliki masalah yang sama persis, merender webfonts dari http://www.google.com/webfonts di Chrome. Saya mencoba semua saran tentang ini dan beberapa situs lain dan tidak ada yang berhasil.
Akhirnya saya mulai memeriksa properti CSS dari teks yang terpengaruh, ternyata warna font aktual yang menyebabkan masalah. Judul yang diberikan color:#454545
akan membuat buruk, namun judul yang sama diberikan sebagai berikut: color:#333
berfungsi dengan baik. Terima kasih Tuhan untuk style sheet khusus agen pengguna!
Chrome mengambil nilai clearType sistem untuk font. Terlihat lebih baik di Windows 7 menjelaskan hal itu. Pada Mac, Anti-aliasing diaktifkan untuk semua font di atas ukuran 8, saya kira. Cobalah menyalakan atau mengubah ClearType dari mesin Windows Anda
Pembaruan : Sepertinya Chrome 22 ke atas mengabaikan Pengaturan Sistem untukclearType
Saya memiliki masalah ini sangat parah pada Windows XP SP3 sehingga Chrome tidak dapat digunakan untuk semua maksud dan tujuan. Saya perhatikan bahwa saya telah menginstal Clear Type Tuning di Control Panel dan mencoba menghapus centang "Aktifkan Font Smoothing" di tab lanjutan. Setelah memulai ulang Chrome. itu ok, bahkan setelah mengaktifkan Font Smoothing lagi. Saya memutuskan untuk mencentang kotak "Terapkan semua pengaturan ke default untuk pengguna dan sistem baru".
Bagi saya itu bukan pengaturan ClearType di Windows 10.1 x64, tetapi ternyata itu adalah pengaturan di browser Chrome saya yang disebut DirectWrite.
chrome://flags/#directwrite
Itu memperbaiki masalah bagi saya.
Sepertinya jawaban yang panjang dan sulit adalah Anda tidak bisa. Ada banyak diskusi dan saran dalam bantuan Chrome , tetapi saya tidak melihat ada yang layak disarankan.
Pertanyaan besarnya adalah bagaimana Anda membuatnya tampak begitu buruk ?! Saya menggunakan Chrome untuk mengetik di kotak ini ... Saya bahkan memperbesar keseluruhan dan saya tidak melihat apa pun seperti Anda. Jika Anda masih memiliki pertanyaan setelah ini, Anda harus menjelaskan konfigurasi Anda kepada komunitas.
Meskipun Chrome "bisa digunakan" untuk font-font itu, tampilannya tipis dan tersapu di mana ia membuat garis diagonal khususnya. IE membuat jauh lebih baik tetapi IE adalah browser yang lebih lambat sehingga FireFox.
Saya percaya ini melekat pada kode untuk chrome.
BTW, HackToHell, di mana saya pergi untuk mengubah warna rendering?
Saya akan coba ini.
tekan tombol windows + r lalu ketik cttune.exe di sana
metode alternatif adalah dengan menekan tombol windows kemudian ketik cleartype lalu pilih Adjust ClearType Text
dan ikuti instruksi, jika Anda masih memiliki masalah coba beberapa contoh lainnya
ini bekerja untuk saya, Anda harus mencoba contoh yang berbeda, sangat mirip dengan kontras / kecerahan tetapi untuk teks
FYI: menonaktifkan akselerasi 2d mungkin membantu chrome untuk bermain dengan alat tune-kunci windows cleartype
Jika Anda ingin font web dapat dibaca sementara font smoothing / cleartype dinonaktifkan, maka solusinya adalah dengan menonaktifkan font web di Google Chrome. Dalam kasus seperti itu browser akan menggunakan font standar OS yang di-render dengan benar ketika cleartype / smoothing dinonaktifkan. Untuk melakukannya, berikan /disable-remote-fonts
flag ke chrome.exe. Klik kanan pada pintasan Google Chrome di Desktop, pilih Properties, buka tab Shortcut dan atur Target ke:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts
Mungkin ada satu masalah dengan font web dinonaktifkan. Jika situs web menggunakan ikon dari font web, maka mereka tidak akan ditampilkan.
Masalah terkait di Chromium tracker:
"Pengaturan ClearType di Seluruh Sistem tidak dihormati untuk font web" https://code.google.com/p/chromium/issues/detail?id=319429
Pergi ke chrome://flags/
(atau about:flags
) dan Nonaktifkan opsi Abaikan daftar perenderan perangkat lunak .
Kanvas 2D yang dipercepat juga harus dinonaktifkan.
Kombinasi itu membantu saya.