Экзотический прописной шрифт на сайте
Иногда проект требует особого дизайна и уникальности шрифтов. К сожалению всё разнообразие шрифтов не может быть у конечного посетителя сайта на компьютере.
Но решение есть и тут: можно подгрузить требуемые шрифты с сервера, где находится сайт.
Кратко объясню как и что делается. Проверено в Opera 10, FF 3, IE 7, Chrome.
Мы создаем папку /upload/fonts/ и закидываем туда файлы шрифтов
studioscript.woff
studioscript.eot
studioscript.ttf
В css пишем:
Код
@font-face {
font-family: 'StudioScriptCTT';
src: url('/upload/fonts/studioscript.eot');
src: local('StudioScriptCTT'), local('StudioScriptC'), url('/upload/fonts/studioscript.woff') format('woff'), url('/upload/fonts/studioscript.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
Код
Далее в этом же CSS прописываем стиль, например
#title
{
margin:0;
padding:0;
font-size:22px;
text-align:left;
text-decoration:none;
font-family: 'StudioScriptCTT', "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
}
И у нас получится:
Какой красивый текст! Подобный шрифт может быть и готическим, прописным и вообще какой потребуется.
Успехов Вам в работе!