Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mengimport Fon Web Google ke dalam Fail CSS Saya Tanpa Akses Kepala Terus?

Bagaimanakah Saya Boleh Mengimport Fon Web Google ke dalam Fail CSS Saya Tanpa Akses Kepala Terus?

Barbara Streisand
Lepaskan: 2024-12-12 16:13:10
asal
408 orang telah melayarinya

How Can I Import Google Web Fonts into My CSS Files Without Direct Head Access?

Mengimport Fon Web Google dalam Fail CSS

Bagi mereka yang bekerja dalam platform CMS yang hanya membenarkan akses fail CSS tanpa manipulasi dokumen kepala, mengimport Google fon web boleh menimbulkan cabaran. Nasib baik, terdapat penyelesaian melalui kaedah @import.

Menggunakan Kaedah @import:

Untuk mengimport fon yang dikehendaki, hanya gunakan peraturan @import dalam CSS anda fail. Contohnya:

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

Ingat untuk menggantikan "Open Sans" dengan nama fon pilihan anda. URL dengan berbilang perkataan memerlukan pengekodan URL (menambah " " antara perkataan seperti "Open Sans").

Letakkan @import pada awal CSS anda, sebelum sebarang peraturan.

Google Fon menyediakan proses automatik untuk menjana arahan @import. Selepas memilih fon anda dan mengklik ikon ( ), kembangkan bekas "1 Keluarga Dipilih" di sebelah kiri bawah. Laraskan pilihan dalam tab "Sesuaikan", kemudian tukar kepada "Benam" dan klik "@import." Salin CSS antara teg gaya ke dalam helaian gaya anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimport Fon Web Google ke dalam Fail CSS Saya Tanpa Akses Kepala Terus?. 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