Cara menggunakan Digital Font Face di PHP/HTML - Tutorial

Font Face adalah teknologi yang sangat menarik untuk meningkatkan kualitas dan desain tata letak halaman hingga berlipat ganda. Itu segera menarik perhatian pengguna ke halaman. Saya sedang mengembangkan Dashboard Manajemen Sertifikat di mana saya ingin menggunakan Font Face dalam format digital dan menerapkan hal yang sama.

Di bawah ini adalah tutorial langkah demi langkah tentang cara mengimplementasikan Digital Font Face di halaman Anda:

1. Hal pertama dalam keseluruhan cerita ini adalah menemukan Font Face yang bagus dan sesuai dari internet. Dalam hal ini, Anda dapat menemukan Font Digital dari situs web berikut:

http://www.dafont.com/digital-7.font?text=1234567890&back=penulis

2. Unduh Font Digital dari sana.

3. Unzip digital-7.zip dan tempatkan  file digital-7.ttf di lokasi yang sama dengan file php/html utama Anda.

4. Buka stylesheet file php/html Anda dan masukkan berikut ini di dalamnya:

@font-face { font-family: 'digital'; src: url('digital-7.ttf'); }

5. Sekarang untuk surat digital, Anda harus membuat format judul Anda sendiri:

h3 { 
   font-family: “digital”; 
   ukuran font:30px; 
   garis-tinggi:30px; 
   font-weight:normal; 
   warna:#70F503
;}

6. Sekarang gunakan tag <h3> ubahsuai untuk meletakkan Font Digital:

<h3>Selamat Datang di Font Digital</h3>

7. File .ttf kompatibel untuk Google Chrome. Untuk Internet Explorer, Anda perlu menempatkan file .otf dan memasukkannya ke dalam stylesheet.


Previous Post Next Post