<font size="4" color="#33CCFF" face="times new roman">

</font>

Стилевой параметр font позволяет устанавливать несколько параметров одновременно.
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family

font-style: normal | italic | oblique
Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста.


<span style="font-style: normal; font-size: 18px;">нормальный текст</span> Нормальный текст
<span style="font-style: italic; font-size: 18px;">Курсив</span> Курсив
<span style="font-style: oblique; font-size: 18px;">Наклоный текст</span> Наклоный текст

font-variant: normal | small-caps
Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ изменения символов называется капителью.
<span style="font-variant: normal; font-size: 18px;">нормальный текст</span> Нормальный текст
<span style="font-style: small-caps; font-size: 18px;">Капитель</span> Капитель

font-size: абсолютный размер | относительный размер | значение | проценты
Для задания абсолютного размера используются следующие значения: xx-small, x-small, small, medium, large, x-large, xx-large.
Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пикселы (px), проценты (%) и др. За 100% берется размер шрифта родительского элемента. Отрицательные значения не допускаются.
<span style="font-size: 22px;">Текст 22 пикселя</span> Текст 22 пикселя
<span style="font-size: 2.5em;">Текст 2.5em</span> Текст 2.5em
<span style="font-size: 110%;">Текст 110%</span> Текст 110%

font-family: имя шрифта [, имя шрифта[, ...]]
Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:

• serif — шрифты с засечками (антиквенные), типа Times;
• sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
• cursive — курсивные шрифты;
• fantasy — декоративные шрифты;
• monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова.

font-weight: bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.
Насыщенность шрифта задается с помощью ключевых слов: bold — полужирное, bolder — жирное; lighter — светлое, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900.

Добавим к тексту тень

Делаем тень в тексте

Делаем тень в тексте

Делается все очень просто. Нужно вывести текст 2 раза так что бы один текст выводился поверх второго.

Сделаем все по порядку. Выведем два раза текст.

Делаем тень в тексте

Делаем тень в тексте

Все что теперь осталось - сместить второй текст вверх и влево. Для этого добавим стиль position: relative.
Это говорит от том что положение элемента устанавливается относительно его исходного места. Добавление атрибутов left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.

Вот что мы получим

Делаем тень в тексте

Делаем тень в тексте