Font merupakan bagian integral dari desain web, memberikan situs gaya yang khas. Teks berkualitas tinggi pada halaman harus terlihat harmonis, dikombinasikan dengan elemen situs lainnya dan pada saat yang sama berkontribusi pada persepsi informasi yang lebih baik. Dengan menggunakan markup HTML dan tabel bertingkat CSS, Anda dapat menyesuaikan hampir semua pengaturan untuk memaksimalkan kinerja halaman.
Diperlukan
file font dalam format TTF
instruksi
Langkah 1
Untuk menggunakan satu set font yang terinstal di komputer Anda, Anda dapat menggunakan parameter font-family dari cascading style sheets. Untuk melakukan ini, masukkan kode berikut untuk item yang diinginkan:
Teks
Perintah ini akan menampilkan heading h2 level kedua dalam jenis huruf Arial.
Langkah 2
Jika Anda ingin menggunakan font Anda sendiri, Anda harus terlebih dahulu mengunggahnya ke hosting dan mengaktifkannya menggunakan perintah yang sesuai. File TTF disertakan dengan perintah berikut:
Atribut font-family dalam hal ini menentukan nama jenis huruf, dan src: url (font.ttf) menentukan jalur ke file TTF.
Langkah 3
Setelah mengaktifkan elemen, Anda dapat menggunakannya untuk menampilkan teks:
Teks
Perintah ini bertanggung jawab untuk menampilkan font font yang diperlukan dalam huruf miring di judul tingkat kedua. Jika browser pengguna tidak mendukung penanganan file TTF, font sistem yang ditentukan setelah koma pertama (dalam hal ini, Verdana) akan digunakan.
Langkah 4
Beberapa browser tidak mendukung TTF yang dapat diunduh. Misalnya, Internet Explorer 8 menggunakan format EOT untuk menampilkan teks. Untuk browser semacam itu, konversikan TTF asli menggunakan beberapa layanan dan sertakan jenis huruf yang dihasilkan dalam parameter @ font-face dengan cara yang sama.
Langkah 5
Jika Anda ingin mengimpor file yang Anda butuhkan dari sumber lain, gunakan perintah @import, yang harus ditulis di bagian atas dokumen CSS:
@import url (https:// font_address)
