Rumah > hujung hadapan web > tutorial css > Adakah Google Chrome Mempunyai Isu Melicinkan Fon, dan Bagaimana Ia Boleh Dibetulkan?

Adakah Google Chrome Mempunyai Isu Melicinkan Fon, dan Bagaimana Ia Boleh Dibetulkan?

Barbara Streisand
Lepaskan: 2024-12-01 10:44:16
asal
419 orang telah melayarinya

Does Google Chrome Have Font Smoothing Issues, and How Can They Be Fixed?

Adakah Google Chrome Menawarkan Pelicinan Fon?

Google Chrome telah lama bergelut dengan pemaparan fon, terutamanya untuk saiz fon yang kecil. Walaupun isu ini berterusan, terdapat perkembangan penting dan penyelesaian yang berpotensi untuk mengurangkan masalah tersebut.

Kemas Kini Status (Disember 2013)

Sehingga Jun 2014, Chrome versi 37 akan menyertakan pembetulan untuk isu pemaparan fon. Versi Chrome semasa (sehingga Mei 2013) tidak mempunyai penyelesaian yang betul apabila memuatkan fon melalui pelbagai kaedah seperti @import atau webfont.js Google.

Penyelesaian Menggunakan Trik CSS

Walaupun pembetulan muktamad belum tersedia, helah CSS boleh mengurangkan sebahagian isu dengan "melicinkan" fon yang diberikan. Satu penyelesaian melibatkan penambahan strok nipis pada teks menggunakan sifat -webkit-text-stroke:

-webkit-text-stroke: 0.Xpx;
Salin selepas log masuk

Sebagai alternatif, anda boleh menggunakan sintaks RGBA untuk kesan yang lebih halus:

-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
Salin selepas log masuk

Penyelesaian lain ialah menggunakan bayang palsu pada teks:

text-shadow: #fff 0px 1px 1px;
Salin selepas log masuk

Sebenar Penyelesaian (Fon Dihoskan sendiri)

Untuk fon yang dihoskan sendiri, terdapat penyelesaian yang berpotensi melibatkan pemuatan fon web dalam susunan tertentu. Bagi fail fon TTF/OTF, mereka kini mempunyai sokongan penyemak imbas yang lebih luas dan mungkin memberikan hasil yang lebih baik.

Pembangunan Aktif oleh Google

Pasukan pembangunan Google Chrome sedang giat bekerja mengenai isu rendering fon. Kemas kini pada garis masa resolusi tersedia dalam laporan pepijat rasmi.

Contoh Perbandingan

Positif:

  • Kiri: Firefox 23, Kanan: Chrome 29
  • Atas: Firefox 23, Bawah: Chrome 29

Negatif:

  • Chrome 30
  • Chrome 29

Menggunakan Strok Penyelesaian:

  • Baris pertama: Lalai
  • Baris kedua: -webkit-text-stroke: 0.3px;
  • Baris ketiga: -webkit-text -strok: 0.6px;

Rujukan Catatan Blog

Untuk maklumat lebih terperinci dan kemas kini tentang status isu, rujuk catatan blog: Cara Membetulkan Paparan Fon Hodoh dalam Google Chrome.

Atas ialah kandungan terperinci Adakah Google Chrome Mempunyai Isu Melicinkan Fon, dan Bagaimana Ia Boleh Dibetulkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan