Добавление иконок в текст

[Konstantin]

Добрый день
Подскажите как :
1 Создать такие иконки
2 Как их добавить в текст
Образец на фото.  СПС.

[DarinSr]

Создают иконки, шрифты с иконками в графических редакторах.
На сайт добавляют правилами стилей. В вашем примере class="icon-phone"
2 способа добавить иконку, используя фон

Код: [Выделить]

background: url(myicon.png) no-repeat 0 0;или шрифт (можно использоывать готовы, можно создать свой)

Код: [Выделить]

.icon-phone::before {
    content: "код иконки в шрифте";
}

[Konstantin]

Можно про первый способ подробнее.

[coder]

Создаете иконку, закачиваете на сервер, в стилях указываете путь к этой иконке

Код: [Выделить]

.my-icon-phone {
    background: url(myicon.png) no-repeat 0 0;
}в шаблоне добавляте блочный элемент с этим классом.
Хороший сайт по html и css - http://htmlbook.ru/