Bagaimana untuk Mengimport Fon Web Google ke dalam Fail CSS Anda?

Mengimport Fon Web Google dalam Fail CSS

Apabila bekerja dengan sistem pengurusan kandungan (CMS) di mana akses kepada kepala dokumen adalah terhad, mengimport Fon Web Google terus ke dalam fail CSS menjadi perlu. Begini cara untuk mencapainya:

Menggunakan Kaedah @import

Kaedah @import membolehkan anda mengimport fail CSS luaran ke dalam fail CSS anda. Untuk mengimport Fon Web Google, gunakan sintaks berikut:

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

Ganti "Open Sans" dengan nama fon yang anda inginkan. Jika nama fon mempunyai berbilang perkataan, URL-kodkannya dengan menambahkan tanda " " antara setiap perkataan.

Meletakkan Arahan @import

Pastikan bahawa @import arahan diletakkan di bahagian paling atas fail CSS anda, sebelum sebarang peraturan gaya.

Menggunakan Fon Google API

Fon Google menyediakan cara mudah untuk menjana arahan @import untuk fon anda. Pilih fon yang anda inginkan, klik ikon ( ) dan kembangkan bekas "1 Keluarga Dipilih".

Dalam tab "Sesuaikan", pilih pilihan yang diingini. Dalam tab "Benam", klik "@import" di bawah "Benamkan Fon." Salin CSS antara teg ke dalam lembaran gaya anda.

Pertimbangan Tambahan

Jika anda mempunyai berbilang fon untuk diimport, gabungkan fon tersebut menjadi satu arahan @import untuk meningkatkan prestasi.

Ingat untuk menyemak perjanjian lesen fon Google sebelum menggunakan fon tertentu untuk memastikan pematuhan.

Atas ialah kandungan terperinci Bagaimana untuk Mengimport Fon Web Google ke dalam Fail CSS Anda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!