Video: Cara Pakai Google Fonts di HTML 2024
Salah satu cara paling mudah untuk menggunakan Dreamweaver untuk menambah fon langganan ke laman web anda ditawarkan oleh Google. Font Web Google menawarkan koleksi fon terhad tetapi anda boleh menggunakan semua fon mereka secara percuma. Ikuti langkah-langkah ini untuk menambah mana-mana fon dari laman Web Web Google ke halaman anda:
-
Buka penyemak imbas web dan lawati Situs Web Font Google .
-
Cari melalui fon yang terdapat di laman web ini dengan memilih jenis dan gaya font yang anda cari.
Untuk menyempitkan carian anda, gunakan Penapis (dalam lajur kiri). Anda boleh menukar teks yang dipaparkan dalam setiap fon dengan mengedit medan Teks Pratonton di bahagian atas skrin.
-
Cari fon yang anda suka, dan kemudian klik butang Tambah ke Koleksi biru di bahagian bawah kanan, tepat di bawah setiap nama font.
-
Klik kotak semak di sebelah setiap gaya font yang anda mahu gunakan pada halaman web anda.
Kebanyakan fon dalam Google Font Directory hanya mempunyai satu gaya. Walaupun anda mungkin tergoda untuk memilih semua gaya, lebih baik memilih hanya yang anda gunakan. Memandangkan Google memberi amaran, lebih banyak gaya font yang anda pilih, semakin lama ia akan mengambil masa untuk memuat turun halaman web anda.
-
Tatal ke bawah halaman dan pilih pilihan Latin (untuk bahasa Inggeris).
Jika anda memerlukan aksara tambahan untuk bahasa lain, pilih pilihan Lanjutan Latin.
-
Tatal ke bawah ke dalam kotak biru dengan tiga tab; klik tab pertama untuk memautkan font ke laman web anda.
Google menyediakan tiga pilihan: Standard, @import, dan JavaScript. Anda menemui huraian terperinci semua ketiga di laman Google.
-
7. Salin pautan dari medan tab Standard di Google sama seperti anda menyalin teks atau kod lain dari halaman web.
-
Dalam Dreamweaver, tampal pautan ke bahagian kepala halaman web anda di antara tanda buka dan tutup.
-
Kembali ke laman web Google web dan di bahagian bawah halaman, salin nama keluarga font.
Anda boleh mencari nama keluarga font dalam Mengintegrasikan Font ke dalam kawasan CSS anda.
Dalam definisi gaya anda, anda mesti memasukkan nama fon sama seperti Google menulisnya. Copy-and-paste adalah cara terbaik untuk memastikan nama fon sesuai.
-
Dalam Dreamweaver, tampal nama keluarga font ke dalam peraturan CSS di mana anda ingin menggunakan font tersebut.
-
Guna peraturan untuk teks di laman web anda.
Jika anda menggunakan font dalam gaya pemilih Teg, seperti tag
, apabila anda menggunakan teg ke teks, fon akan digunakan secara automatik sebagai sebahagian daripada peraturan. Sekiranya anda menggunakan font dalam gaya kelas atau ID, gaya itu mesti digunakan pada teg yang mengelilingi teks, seperti tag
atau tag.
-
Terbitkan halaman ke pelayan web dan kemudian pratonton halaman dalam pelayar web untuk melihat font.
Perhatikan bahawa apabila anda menggunakan Font web Google anda mungkin tidak melihat font yang dipaparkan dalam Dreamweaver, walaupun anda menggunakan pilihan Paparan Langsung. Untuk memastikan fon berfungsi pada halaman anda, anda mungkin perlu memindahkan halaman itu ke pelayan web menggunakan FTP dan pratonton halaman selepas ia diterbitkan dalam talian.
