Рукописный шрифт на сайте
Многие задают вопросы как сделать рукописный шрифт на сайте. Некоторые что бы не париться просто пишут на А4, сканируют, и вставляют картинку на сайт. А если надо чуток поменять текст? ...опять берем А4, рисуем, сканер... Это утомительно.
Я предлагаю просто залить файл с красивым рукописным шрифтом на сайт и подключать его в виде DIV-а
Все просто и легко.Приступаем к делу.
Подключить шрифт можно вот так в CSS:
<style>
@font-face {
font-family: Pompadur; /* Имя шрифта */
src: url(/fonts/pompadur.ttf); /* Путь к файлу со шрифтом */
}
#motto {font-family: Pompadur; font-size: 40px; width: 100%;}
</style>
Далее заливаем шрифт в папку. У меня это /fonts/pompadur.ttf
Ну, выводим текст :)
У меня используется ID #motto для вывода этого шрифта. Т.е. если текст поместить в этот ID, то будет другой шрифт.
<div id="motto">
Дед Мороз, услышь меня!!!<br>
Подари машину и права :)<br>
И машину не простую<br>
А КИА РИО золотую.<br>
Можно белый, синий, серебристый..<br>
Или просто красный.<br>
Тонировка, спойлер, диски...<br>
Вообщем, тюнинг зверский, чистый.<br>
Поставь номер короткий классный<br>
Что бы ментам был опасный<br>
И бензина дай не мало.<br>
Что бы до Украины и назад хватало :)<br><br>
Владислав</div>
Вот так :)
Пример
- Владислав
- 18-02-2012, 15:51
- 12 102