Menentukan saiz fon dalam CSS. Ensiklopedia besar minyak dan gas

Saiz fon pada tapak boleh ditetapkan menggunakan kedua-dua HTML dan CSS. Mari kita pertimbangkan kedua-dua pilihan.

Menetapkan saiz fon dengan HTML

Saiz fon pada halaman boleh ditentukan menggunakan teg fon HTML. Dalam artikel itu, kami telah mempertimbangkan teg fon dan sifat-sifatnya. Salah satu atribut tag ini ialah saiz, yang membolehkan anda menetapkan saiz fon. Ia digunakan seperti berikut:

pembina laman web "Nubex"

saiz boleh mengambil nilai dari 1 hingga 7 (lalai ialah 3, yang sepadan dengan 13.5 mata untuk fon Times New Roman). Pilihan lain untuk menetapkan atribut ialah "+1" atau "-1". Ini bermakna saiz akan ditukar relatif kepada asas satu sebanyak 1 mata lebih atau kurang, masing-masing.

Kaedah di atas agak mudah digunakan dan amat diperlukan jika anda perlu menukar saiz fon sekeping teks kecil. Dalam kes lain, adalah disyorkan untuk menggayakan teks menggunakan CSS.

Menetapkan saiz fon dengan CSS

Dalam CSS, sifat digunakan untuk menukar saiz fon Saiz huruf, yang digunakan seperti berikut:

Tukar saiz fon dengan CSS

Fon div HTML kelas nubex ditetapkan kepada 14px menggunakan sifat saiz fon.

Dalam contoh di atas, saiz fon ditetapkan dalam piksel. Tetapi terdapat cara lain untuk menetapkan saiz:

  • besar, kecil, sederhana- tetapkan saiz mutlak (kecil, sederhana, besar). Nilai ekstra-kecil (x-kecil, xx-kecil), lebih-besar (x-besar, xx-besar) juga boleh digunakan.
  • lebih besar, lebih kecil- tetapkan saiz relatif (kurang atau lebih relatif kepada elemen induk).
  • 100% - saiz relatif ditetapkan (sebagai peratusan relatif kepada induk). Contohnya: h1 ( font-size: 180%; ) Ini bermakna saiz teg H1 akan menjadi 180% daripada saiz fon asas.
  • Pilihan lain untuk menetapkan saiz relatif:
    • 5ex- bermakna saiznya ialah 5 huruf tinggi x daripada fon asas;
    • 14pt- 14 mata;
    • 22px- 22 piksel;
    • 1vw- 1% daripada lebar tetingkap penyemak imbas;
    • 1vh- 1% daripada ketinggian tetingkap penyemak imbas;

Makmal #6

Kawalan Fon dan Teks dengan Helaian Gaya CSS

Objektif: pelajari asas kawalan fon dan teks menggunakan helaian gaya CSS, kuasai kemahiran praktikal menggunakan sifat fon dan teks pada halaman web.

I. Pengurusan fon

Pendaftaran- salah satu cara paling berkuasa untuk menyampaikan idea pencipta tapak kepada pelawat. Teks yang diformat dengan betul membolehkan pembaca memahami kandungan tapak dengan cepat.

fon adalah bahagian penting dalam mana-mana dokumen. Kesan seperti teks condong atau tebal membolehkan pereka bentuk menyerlahkan tempat penting dalam dokumen dan menarik perhatian pelawat kepada mereka.

Pada halaman web, menggunakan CSS, anda hanya boleh menukar jenis fon atau menjadikannya condong atau tebal, seperti halnya dengan tag HTML. Helaian gaya membolehkan anda menentukan jenis fon umum, menetapkan berat huruf yang berbeza, jenis condong dan saiz fon menggunakan tatatanda standard yang dipinjam daripada bidang tipografi.

Keluarga fon ialah satu set fon dengan ciri yang serupa. Terdapat lima jenis fon asas di web (Jadual 1).

Jadual 1

Jenis fon

Jenis fon Contoh Ciri Fon
serif Times New Roman Di hujung baris yang membentuk huruf, terdapat sempang kecil (serif). Ejaan ini membolehkan anda menyerlahkan huruf individu. Jenis ini sesuai untuk teks yang dimaksudkan untuk dicetak. Pada skrin, huruf tidak akan jelas jika saiz fon kecil.
sans serif Arial Huruf dalam fon ini tidak mempunyai serif. Dan walaupun aksara sans-serif kurang berbeza, ia lebih sesuai untuk teks yang dipaparkan pada skrin dan ditaip dalam saiz fon yang lebih kecil.
monospace Kurier Baru Semua aksara dalam jenis fon ini adalah lebar yang sama. Sebagai contoh, huruf "i" mengambil ruang sebanyak lebar huruf "m". Fon ini sesuai untuk teks yang setiap huruf adalah penting, seperti kod program.
kursif Monotaip Corsiva Meniru surat tulisan tangan, lebih baik menggunakannya untuk menghiasi teks atau sorotan semantik.
fantasi Webdings (Webdings) Lebih baik digunakan sebagai hiasan


Menentukan jenis fon

1. Masukkan nama harta dan letakkan titik bertindih:

2. Nyatakan nama fon yang akan anda gunakan:

3. Anda boleh menulis beberapa jenis fon yang dipisahkan dengan koma:

, "Times New Roman", palatino

4. Selepas koma terakhir, nyatakan keluarga fon yang dimiliki oleh fon yang digunakan:

Daripada semua fon yang disenaraikan dalam senarai, penyemak imbas memilih yang pertama. Jika jenis fon itu tidak tersedia untuknya, penyemak imbas akan melalui senarai sehingga ia menemui fon yang tersedia pada komputer pengguna. Jika ia tidak menemui fon yang sesuai, fon lalai yang dipasang dalam pelayar pelawat digunakan. Jika anda menentukan keluarga fon, penyemak imbas akan mencari fon yang paling serupa.

Nama fon berbilang perkataan mesti disertakan dalam tanda petikan, contohnya: "Times New Roman"

Contoh 1