@font-face: кроссбраузерное подключение шрифтов
Здравствуйте.
На сайте http://skeatch.hostmaximal.com/ я подключил несколько нестандартных шрифтов
HeliosCondLight
HeliosCondThin
HeliosExtLight
FranklinGothicBookC
Franklin Gothic Book
Franklin Gothic Demi
Это системные названия шрифтов в Фотошопе.
Скачал все эти шрифты с сайта http://weblast.ru
Далее с помощью онлайн сервиса http://fontface.codeandmore.com/ сделал кроссбраузерное подключение шрифтов к сайту, например,
@font-face
{
font-family: 'HeliosCondLight';
src: url('../fonts/helioscondlight.eot');
src: url('../fonts/helioscondlight.eot?#iefix') format('embedded-opentype'),
url('../fonts/helioscondlight.woff') format('woff'),
url('../fonts/helioscondlight.ttf') format('truetype'),
url('../fonts/helioscondlight.svg#helioscondlight') format('svg');
font-weight: normal;
font-style: normal;
}
Но во-первых:
1. Кроссбраузерность не работает. Например, в ФФ не подключается шрифт.
2. Во-второых, исходный шрифт искажается.
Пути к файлам шрифтов правильные. Помогите решить эту проблему или просто подскажите, как ее решить.