Bagaimanakah Saya Boleh Mengimport Fon Web Google ke dalam Fail CSS Saya?

Mengimport Fon Web Google ke dalam Fail CSS: Panduan

Mengimport Fon Web Google ke dalam fail CSS boleh meningkatkan estetika tapak web anda. Walau bagaimanapun, ketiadaan akses terus ke bahagian dalam persekitaran CMS tertentu mungkin kelihatan terhad. Namun begitu, terdapat penyelesaian untuk menggabungkan fon ini dengan lancar dalam fail CSS anda.

Menggunakan Kaedah @import

Arahan @import terbukti sebagai kaedah yang berkesan untuk mengimport Fon Web Google. Sebagai contoh, untuk memasukkan fon "Open Sans" ke dalam fail CSS anda, gunakan sintaks berikut:

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

Ingat untuk menggantikan "Open Sans" dengan nama fon yang anda inginkan. Jika nama fon terdiri daripada berbilang perkataan, kodkan setiap perkataan dengan tanda tambah ( ), seperti yang ditunjukkan dalam contoh di atas.

Peletakan dan Penjanaan Betul

Letakkan arahan @import pada permulaan fail CSS anda, sebelum melaksanakan sebarang peraturan. Google Fonts menawarkan kaedah automatik untuk mencipta arahan @import. Hanya pilih fon, klik ikon ( ) dan kembangkan bekas "1 Keluarga Dipilih".

Pergi ke tab "Sesuaikan" untuk memperhalusi pilihan anda, kemudian tukar ke tab "Benam". Di bawah "Benamkan Fon", pilih "@import." Salin CSS yang dipaparkan dalam tag dan tampalkannya ke dalam helaian gaya CSS anda.

Dengan mengikut langkah ini, anda boleh mengimport Fon Web Google dengan mudah ke dalam fail CSS anda, meningkatkan daya tarikan visual tapak web anda.

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