Cara Menetapkan Fon Anda Dalam Html

Isi kandungan:

Cara Menetapkan Fon Anda Dalam Html
Cara Menetapkan Fon Anda Dalam Html

Video: Cara Menetapkan Fon Anda Dalam Html

Video: Cara Menetapkan Fon Anda Dalam Html
Video: #Javascript Tutorial - Cara membuat alert(Notifikasi) Pada HTML & Javascript 2024, Mungkin
Anonim

Font adalah bahagian penting dalam reka bentuk web, memberikan laman web dengan gaya yang khas. Teks berkualiti tinggi di halaman harus kelihatan harmoni, digabungkan dengan elemen laman web yang lain dan pada masa yang sama menyumbang kepada persepsi maklumat yang lebih baik. Dengan menggunakan markup HTML dan jadual lata CSS, anda dapat menyesuaikan hampir semua tetapan untuk memaksimumkan prestasi halaman.

Cara menetapkan fon anda dalam html
Cara menetapkan fon anda dalam html

Perlu

fail fon dalam format TTF

Arahan

Langkah 1

Untuk menggunakan sekumpulan fon yang dipasang di komputer, anda dapat menggunakan parameter keluarga-font dari helaian gaya lata. Untuk melakukan ini, masukkan kod berikut untuk item yang diinginkan:

Teks

Perintah ini akan memaparkan tajuk h2 tingkat kedua dalam jenis huruf Arial.

Langkah 2

Sekiranya anda ingin menggunakan fon anda sendiri, anda mesti memuat naiknya terlebih dahulu ke hosting dan mengaktifkannya menggunakan perintah yang sesuai. Fail TTF disertakan dengan arahan berikut:

Atribut font-family dalam hal ini menentukan nama jenis huruf, dan src: url (font.ttf) menentukan jalan ke fail TTF.

Langkah 3

Setelah mengaktifkan elemen, anda boleh menggunakannya untuk memaparkan teks:

Teks

Perintah ini bertanggungjawab untuk menampilkan fon huruf yang diperlukan dalam huruf miring pada tajuk tingkat kedua. Sekiranya penyemak imbas pengguna tidak menyokong pengendalian fail TTF, fon sistem yang ditentukan selepas koma pertama (dalam kes ini, Verdana) akan digunakan.

Langkah 4

Beberapa penyemak imbas tidak menyokong TTF yang boleh dimuat turun. Sebagai contoh, Internet Explorer 8 menggunakan format EOT untuk memaparkan teks. Untuk penyemak imbas seperti itu, ubah TTF asal menggunakan pelbagai perkhidmatan dan sertakan jenis huruf yang dihasilkan dalam parameter @ font-face dengan cara yang sama.

Langkah 5

Sekiranya anda ingin mengimport fail yang anda perlukan dari sumber lain, gunakan arahan @import, yang mesti ditulis di bahagian atas dokumen CSS:

@import url (https:// font_address)

Disyorkan: