Bagaimana cara menggunakan 'Jingnanmai Round' yang dipasang di laman web tanpa memuatkan fail fon?

Kaedah untuk terus menghubungi fon tempatan untuk laman web

Dalam pembangunan web, kadang -kadang anda perlu menggunakan fon tertentu yang telah dipasang pada sistem. Sebagai contoh, anda telah memasang "Jingnan Mai Round" dan berharap untuk menerapkannya secara langsung di laman web tanpa memuatkan fail fon tambahan.

Anda mungkin telah mencuba kod CSS berikut, tetapi laman web masih memaparkan font lalai (seperti "Microsoft yahei"):

 /*@font-face {
    font-family: 'myfont';
    src: url ('/style1/font/jingnanmai body.otf') format ('trueType');
}*/
html, badan {font-size: 18px; font-family: "jingnan mai round body", "Microsoft yahei", "Helvetica Neue", Helvetica, Arial, Sans-serif;}

Ini kerana kaedah src: url(...) akan cuba memuatkan fail fon dari pelayan. Untuk menggunakan fon tempatan secara langsung, anda perlu mengubah suai CSS:

1. Gunakan @font-face dan local() Fungsi:

 @font-face {
    Font-Family: 'Jingnanmaiyuanti'; /* Disyorkan untuk menggunakan nama font bahasa Inggeris*/
    SRC: Tempatan ('Jingnan Mai Round Body');
}

Fungsi local() memberitahu penyemak imbas untuk mencari fon dipasang tempatan. Perhatikan bahawa nama fon ditukar kepada nama Inggeris yang lebih mudah untuk digunakan JingNanMaiYuanTi .

2. Kemas kini harta font-family :

Ubah suai atribut font-family dalam CSS dan gunakan nama fon yang baru ditakrifkan:

 html, badan {
    saiz font: 18px;
    Font-Family: 'Jingnanmaiyuanti', 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}

3. Mulakan semula penyemak imbas: Mulakan semula penyemak imbas untuk memastikan kemas kini fon sistem diiktiraf oleh penyemak imbas.

Melalui langkah -langkah di atas, laman web anda sepatutnya dapat memaparkan fon "Jingnan Mai Round" dengan betul tanpa memuatkan fail fon luaran, dengan itu meningkatkan kelajuan pemuatan halaman web. Ingat, menggunakan nama fon bahasa Inggeris boleh mengelakkan masalah pengekodan yang berpotensi.

Atas ialah kandungan terperinci Bagaimana cara menggunakan 'Jingnanmai Round' yang dipasang di laman web tanpa memuatkan fail fon?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!