Є декілька способів встановити індивідуальні особливості шрифту текстового блоку на сторінці. Одні з них використовують виключно засоби HTML, інші - тільки CSS, треті - комбінують можливості обох мов.
- Інструкція
- 1. Ви можете вказати параметри шрифту, який слід використовувати для відображення того чи іншого блоку тексту на сторінці, перед початком цього блоку. Для цього достатньо засобів мови розмітки, без залучення стильових описів елементів документа. Відповідна HTML-конструкція складається з відкриваючого і закриваючого тегів font (< font > і </font >), між якими і розміщується текст. Цей тег дозволяє вказати назву шрифту в атрибуті face, його колір (у атрибуті color) і розмір (атрибут size). Колір можна задавати в його текстовому позначенні (наприклад, Blue), але краще використовувати шістнадцяткові коди (наприклад, # 0000FF замість Blue), оскільки з їх допомогою можна більш точно підібрати потрібний відтінок. Розмір шрифту тут задається у відносних одиницях - вам потрібно вказати число в діапазоні від 1 до 7. Зразок тексту з параметрами шрифту:< font color = "" Navy "" face = "" Verdana "" size = "" 5 "" > Зразок тексту </font >
Інструкція
1. Ви можете вказати параметри шрифту, який слід використовувати для відображення того чи іншого блоку тексту на сторінці, перед початком цього блоку. Для цього достатньо засобів мови розмітки, без залучення стильових описів елементів документа. Відповідна HTML-конструкція складається з відкриваючого і закриваючого тегів font (< font > і </font >), між якими і розміщується текст. Цей тег дозволяє вказати назву шрифту в атрибуті face, його колір (у атрибуті color) і розмір (атрибут size). Колір можна задавати в його текстовому позначенні (наприклад, Blue), але краще використовувати шістнадцяткові коди (наприклад, # 0000FF замість Blue), оскільки з їх допомогою можна більш точно підібрати потрібний відтінок. Розмір шрифту тут задається у відносних одиницях - вам потрібно вказати число в діапазоні від 1 до 7. Зразок тексту з параметрами шрифту:< font color = "" Navy "" face = "" Verdana "" size = "" 5 "" > Зразок тексту </font >
2. Інший спосіб - скористатися атрибутом style. Ви можете вказувати його в багатьох тегах, у тому числі рядкові або блокові області з текстом у тілі документа. Ось приклад з тегом, що формує один параграф тексту:<p style=""font: 700 20px/12 Verdana; "" > Зразок тексту </р > Тут число 700 - це властивість font-weight, а 20px - font-size. За ефектом вони практично дублюють один одного - задають розмір літери. Різниця лише в тому, що font-size вказує розміри в абсолютних одиницях (px або em), а font-weight у відносних, тобто збільшує або зменшує розмір цього текстового блоку відносно заданого для всього документа в цілому. Як ви розумієте, використовувати обидва одночасно в одному стилевому атрибуті немає сенсу, тут вони об 'єднані тільки в якості прикладу. Число 12, вказане через дріб після абсолютного розміру, визначає висоту рядків у цьому параграфі. А Verdana - це, звичайно, назва використовуваного шрифту.
3. Однак вказування параметрів шрифту безпосередньо в тегах елементів сторінки зараз використовується рідко. Як правило, описи шрифтів виносяться в CSS-блоки, а в тегах вказуються тільки посилання на них - в атрибутах class або id. Зразок цього типу параметрів шрифту:<style type=""text/css""> .paraFont {font: 20px/40 Verdana;} </style > < p class = "" paraFont "" > Зразок тексту </р >
4. Якщо особливої різноманітності шрифтів у сторінці немає, ви можете вказати параметри, наприклад, для всіх тегів < p > та не вказувати посилань на стилевий опис ні в атрибуті class, ні в id. У цьому випадку попередній зразок можна спростити до такого виду:<style type=""text/css""> p {font: 20px/40 Verdana;} </style > < p > Зразок тексту </р >