Рукописный шрифт на сайте

  • Не нравится
  • +4
  • Нравится
Рукописный шрифт на сайте
Многие задают вопросы как сделать рукописный шрифт на сайте. Некоторые что бы не париться просто пишут на А4, сканируют, и вставляют картинку на сайт. А если надо чуток поменять текст? ...опять берем А4, рисуем, сканер... Это утомительно.

Я предлагаю просто залить файл с красивым рукописным шрифтом на сайт и подключать его в виде DIVsmile Все просто и легко.

Приступаем к делу.



Подключить шрифт можно вот так в 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>


Вот так :)

Пример

Коментарии

Аватар
  • fedot
  • Группа: Гости
прикольно только латинского алфавита там нет вроде? то есть на английском всё не прописью...

Добавление комментария


Имя:*
E-Mail:*
Комментарий:*
  • winkwinkedsmileam
    belayfeelfellowlaughing
    lollovenorecourse
    requestsadtonguewassat
    cryingwhatbullyangry
Введите код: *
Кликните на изображение чтобы обновить код, если он неразборчив