@font-face не работает на mozilla на сервере

Тема в разделе "Верстка", создана пользователем boool, 25 сен 2011.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. boool

    boool Создатель

    Регистр.:
    27 авг 2011
    Сообщения:
    24
    Симпатии:
    0
    Не пойму что за косяк. Ставлю, чтобы подгружался свой шрифт для сайта
    HTML:
    @font-face {
    font-family: 'Calibri'; /* Имя шрифта */
    src: url('font/CALIBRI.ttf'); /* Путь к файлу со шрифтом */
    }
    На локалке все замечательно работает на всех броузерах.

    Как только выкладываю на сервер, opera и IE нормально подгружают и отображают шрифт, а на Mozilla не работает.

    Почему на серваке mozilla не хочет грузить и отображать шрифт?

    Права пробовал на папку со шрифтом ставить 777

    сайт: http://allgorod.info/real-estate
     
  2. solarb

    solarb Постоялец

    Регистр.:
    11 июл 2009
    Сообщения:
    64
    Симпатии:
    15
    Проблем в том, что не все браузеры читают шрифты с форматом .ttf
    для етого тебе понадобиться кросс-браузерное решение.
    сначала зайди сюда

    Перейти по ссылке
    нажимаеш "Add fonts" и добавляеш твой шрифт потом выбираеш Basic
    ставиш галочку на Agreement и скачиваеш архив "Download your Kit"
    в архиве будут несколько файлов. Открываеш Stylesheet и копируеш целиком @fonface в свой css файл.
    также незабудь скопировать файлы со разширением в папку сайта:
    .eot
    .woff
    .ttf
    .svg

    когда все ето зделал, все должно работать отлично.
     
  3. Stizerg

    Stizerg Создатель

    Регистр.:
    24 июл 2011
    Сообщения:
    32
    Симпатии:
    2
    Попробуй так:
    @font-face {
    font-family: 'Calibri';
    src: url('font/CALIBRI.ttf') format("truetype");
    }
     
  4. boool

    boool Создатель

    Регистр.:
    27 авг 2011
    Сообщения:
    24
    Симпатии:
    0
    Сделал все как написал. Скачал архив. Но в архиве нет шрифтов ни с одним расширением, хотя в stylesheet.css прописано все как надо:
    HTML:
    
    @font-face {
        font-family: 'CalibriRegular';
        src: url('calibri-webfont.eot');
        src: url('calibri-webfont.eot?#iefix') format('embedded-opentype'),
             url('calibri-webfont.woff') format('woff'),
             url('calibri-webfont.ttf') format('truetype'),
             url('calibri-webfont.svg#') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    
    правда при загрузке еще написал:

    The font Calibri Regular was created by Microsoft. We do not allow you to convert fonts from Microsoft for legal and performance reasons.

    где ж тогда найти не ttf расширение майкросовтовского шрифта? Самое интересное, что шрифт Calibri то в системе установлен, но это не заставляет мозилу все равно его показывать(
     
  5. ko1obok

    ko1obok Писатель

    Регистр.:
    20 сен 2011
    Сообщения:
    9
    Симпатии:
    0
    для вставки нестандартных шрифтов на сайт появилось отличнейшее решение Перейти по ссылке выбираешь шрифт и размер, тебе генерируется код для вставки, очень удобно и просто