Блог специалистов
28.10.2010

Экзотический прописной шрифт на сайте

Иногда проект требует особого дизайна и уникальности шрифтов. К сожалению всё разнообразие шрифтов не может быть у конечного посетителя сайта на компьютере. 

Но решение есть и тут: можно подгрузить требуемые шрифты с сервера, где находится сайт. 

Кратко объясню как и что делается. Проверено в 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; 



И у нас получится: 

Какой красивый текст! Подобный шрифт может быть и готическим, прописным и вообще какой потребуется.
Успехов Вам в работе! 

Количество показов: 6574




Возврат к списку