Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mengimport Fon Web Google ke dalam Fail CSS Anda?

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

DDD
DDDasal
2024-12-16 04:49:19992semak imbas

How to Import Google Web Fonts into Your CSS File?

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!

Kenyataan:
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