Как изменить шрифт на сайте

Теги для заголовка текста в основном применяется <h1> и <h2>.
<h2>...</h2> — выделяют текст полужирным, увеличивают или уменьшают его от <h1> до <h6>

<h2> Теги для заголовка текста </h2>

Такими тегами выделяют ключевые слова, преобразуют текст в жирный шрифт
<B>...</B> и <STRONG>...</STRONG> — выделяют текст полужирным шрифтом

<strong> Такими тегами выделяют ключевые слова </strong>

Наклонный текст (Курсив).
<I>...</I> и <EM>...</EM> — выделить текст курсивом

<em> выделить текст курсивом </em>

Приподнять текст.
<SUP>...</SUP> — выводит текст в верхнем индексе

см 2  м<sup> 3 </sup>

Приспустить текст.
<SUB>...</SUB> — выводит текст в нижнем индексе

A 1  B 1  C<sub> 1</sub>

<S>...<S> и <STRIKE>...<STRIKE> - отображающий зачеркнутый текст

<strike> отображающий зачеркнутый текст </strike>

<U>...</U> - подчеркнуть текст

<u> подчеркнуть текст </u>

Иногда требуется изменить шрифт для отдельной части текста, и тогда применяем тег <SPAN>:
<span style="font-family:Comic Sans MS, sans-serif">изменить шрифт </span>для отдельной части текста

<span style="font-family:Comic Sans MS, sans-serif">изменить шрифт</span> для отдельной части текста

Уменьшить шрифт поможет тег <small>. Текст всегда будет меньше заданного размера на 1 условную единицу:
Сделать <small>шрифт</small> меньше

Сделать <small> шрифт

</small> меньше

Или увеличить шрифт для отдельной части текста, для этого используем тег <SPAN>:
<span style="font-family: Comic Sans MS, sans-serif ; font-size:150%">изменили размер шрифта </span>

<span...>изменили размер шрифта </span>

Если требуется изменить цвет шрифта у части текста, так же применяем тег <SPAN>:
<span style="color: #FF2100">изменили цвет шрифта</span>

<span style="color: #FF2100"> изменили цвет шрифта </span>