Уроки CSS

Шрифты и стили в CSS

Иногда может возникнуть такая ситуация (или желание) отобразить текст на странице, применив к нему какой-нибудь шрифт.

В этом уроке будет показан пример применения двух шрифтов, причём к шрифтам будет применён - нормальный, курсивный и наклонный стиль:

• Шрифт COMIC SANS MS:

<style>
p.csm_n_p {
 font-family: "COMIC SANS MS"; 
 font-style: normal;
 }
 
 p.csm_i_p {
 font-family: "COMIC SANS MS"; 
 font-style: italic;
 }
 
 p.csm_i_p {
 font-family: "COMIC SANS MS"; 
 font-style: oblique;
 }
</style>

<p class="csm_n_p">Шрифт COMIC SANS MS в нормальном стиле</p>
<p class="csm_i_p">Шрифт COMIC SANS MS в наклонном стиле</p>
<p class="csm_o_p">Шрифт COMIC SANS MS в курсивном стиле</p>

Шрифт COMIC SANS MS в нормальном стиле

Шрифт COMIC SANS MS в наклонном стиле

Шрифт COMIC SANS MS в курсивном стиле

• Шрифт CENTURY GOTHIC:

<style>
p.cg_n_p {
 font-family: "CENTURY GOTHIC"; 
 font-style: normal;
 }
 
 p.cg_i_p {
 font-family: "CENTURY GOTHIC"; 
 font-style: italic;
 }
 
 p.cg_i_p {
 font-family: "CENTURY GOTHIC"; 
 font-style: oblique;
 }
</style>

<p class="cg_n_p">Шрифт CENTURY GOTHIC в нормальном стиле</p>
<p class="cg_i_p">Шрифт CENTURY GOTHIC в наклонном стиле</p>
<p class="cg_o_p">Шрифт CENTURY GOTHIC в курсивном стиле</p>

Шрифт CENTURY GOTHIC в нормальном стиле

Шрифт CENTURY GOTHIC в наклонном стиле

Шрифт CENTURY GOTHIC в курсивном стиле

◄ Предыдущий урок

Содержание

Следующий урок ►