Cara menggunakan font custom di HTML dan CSS
Oke semuanya Sekarang kita akan belajar cara menggunakan font custom di HTML dan CSS
Langsung aja pertama kita buka aplikasi sublime text ya kemudian kita bikin folder terlebih dahulu di sini kita buat folder dulu ya misalkan saya membuat folder menggunakanfont kemudian kita Open di sublime text.
Misalkan menggunakan satu font, saya contohkan saya menggunakan font yang ada di laptop. Buat folder dulu dengan nama Fonts kemudian di dalamnya nanti saya taruh pohonnya biar gampang saya kasih sayarin yang biar gampang ya misal pohon undangan gitu ya jadi ini pohon undangannya dengan format. Di sini misalkan Saya mau menampilkan font-nya di sini di Index HTML dulu HTML-nya menggunakan font titlenya satu ya menggunakan font custom di html dan CSS oke kita lihat hasilnya terlebih dahulu jadi ini dia hasilnya Nah di sini kita masih belum menggunakan font customnya dan caranya pertama ya untuk menggunakan font custom kita buat style terlebih dahulu style Tabnya CSS kemudian ditutup dengan slide style Nah di sini untuk sintaknya pakai Advance fish kemudian buka kurung diikuti dengan font Family nya misalkan di sini saya kasih nama undangan gitu ya jadi Nama font-nya saya undangan kemudian src nya titik dua url kemudian diikuti dengan lokasi font custom yang baru saja kita tempatkan gitu ya jadi src nya ada folder phone kemudian namanya font Min undangan. Selanjutnya kita panggil font-nya di bodynya jadi misalkan di sini ada H1 kemudian ada teksnya berarti kita langsung di sini ya di dalam style kita langsung h1 jadi di dalam elemen H1 nanti kita kasih font font Family for family namanya apa sesuai dengan nama yang di atas ya jadi namanya adalah font Family undangan kita save file save kemudian kita lihat hasilnya jadi sebelum menggunakan volt seperti ini dan Setelah menggunakan font jadinya nah seperti ini ya jadi Cukup sekian tutorial kali ini Terima kasih dan sampai jumpa guys
Kesimpulan
Teks html untuk menggunakan font custom
0 Response to "Cara menggunakan font custom di HTML dan CSS"
Posting Komentar