Bagaimana untuk Menghalang Penyemak Imbas daripada Memuat Turun Fon Telah Dipasang pada Sistem Pengguna Menggunakan @font-face?

@font-face src: local - Memastikan Penggunaan Fon Setempat

Soalan ini menangani isu bagaimana untuk menghalang penyemak imbas daripada memuat turun fon yang telah dipasang pada sistem pengguna apabila menggunakan peraturan @font-face.

CSS yang disediakan dalam soalan menggunakan sintaks yang disyorkan oleh Font Squirrel. Walau bagaimanapun, masalah berterusan dalam Chromium, mencadangkan isu khusus penyemak imbas.

Penyelesaian terletak pada memanfaatkan kata kunci "local()" untuk mengutamakan fail fon setempat. Dengan mengubah suai sifat src seperti yang dilihat di bawah, penyemak imbas akan mula-mula cuba memuatkan fon daripada sistem setempat:

src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');

Dalam kod yang diubah suai ini, 'local('DejaVu Serif')' memastikan bahawa Chromium menyemak untuk fon DejaVu Serif yang dipasang pada sistem pengguna sebelum cuba memuat turunnya dari web.

Pendekatan ini menjamin pemuatan fon yang optimum, kerana penyemak imbas akan menggunakan salinan setempat jika tersedia, mengelakkan muat turun yang tidak perlu dan mengurangkan beban halaman masa.

Atas ialah kandungan terperinci Bagaimana untuk Menghalang Penyemak Imbas daripada Memuat Turun Fon Telah Dipasang pada Sistem Pengguna Menggunakan @font-face?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!