Проблема с @font-face

(Ответов: 7, Просмотров: 980)
  1. Banned
    • Регистрация: 03.03.2012
    • Сообщений: 163
    • Репутация: 11
    Всем привет! У меня возникла настоящая проблема с использованием @font-face...
    Сгенерировал шрифты через белку добавил в отдельную папочку, все прописал... Но они не работают!!! У меня ща мозг взорвется))) Посмотрите на код, может где ошибка! Может я ее уже не замечаю...
    Код:
    @font-face {
        font-family: '20_dbregular';
        src: url('fonts/20db-webfont.eot');
        src: url('fonts/20db-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/20db-webfont.woff') format('woff'),
             url('fonts/20db-webfont.ttf') format('truetype'),
             url('fonts/20db-webfont.svg#20_dbregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    Код:
    h1{font-family: '20_dbregular', sans-serif; font-size:26px; color:#4B4A4A;}
    • 0
  2. Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,376
    • Записей в дневнике: 1
    • Репутация: 2506
    furian, попробуйте скачать шрифт с другого сайта и прогнать еще раз
    • 0
  3. Дипломник Аватар для shkip3r
    • Регистрация: 01.11.2013
    • Сообщений: 100
    • Репутация: 25
    а почему в строке:
    Код:
    h1{font-family: '20_dbregular', sans-serif; font-size:26px; color:#4B4A4A;}
    '20_dbregular' в кавычках?
    • 0
  4. Дипломник Аватар для Tiefe
    • Регистрация: 17.12.2012
    • Сообщений: 120
    • Репутация: 18
    shkip3r, а что не так?
    Скорее всего проблема или в путях или в самом файле шрифтов.
    • 0
  5. Работаем с Shop-Script Аватар для Павел Joofaq
    • Регистрация: 13.05.2011
    • Сообщений: 914
    • Репутация: 277
    • Webmoney BL: ?
    Попробуйте пути к папке со шрифтами прописать полностью, например вот так:
    Код HTML:
    src: url('[B]http://site.ru/templetes/tmp/fonts/[/B]20db-webfont.eot');
    src: url('[B]http://site.ru/templetes/tmp/fonts/[/B]20db-webfont.eot?#iefix') format('embedded-opentype'),
          url('http://site.ru/templetes/tmp/fonts/20db-webfont.woff') format('woff'),
          url('http://site.ru/templetes/tmp/fonts/20db-webfont.ttf') format('truetype'),
          url('http://site.ru/templetes/tmp/fonts/20db-webfont.svg#20_dbregular') format('svg');
    Если шрифты заработают, значит Вы просто до этого неверно прописали путь.

    А где Вы создали папку FONTS? В шаблоне или в корне сайта?
    • 0
  6. Гуру Аватар для SevBro
    • Регистрация: 28.07.2010
    • Сообщений: 533
    • Записей в дневнике: 1
    • Репутация: 63
    Попробуйте для h1 указать тоже "font-weight: normal;"
    • 0
  7. Сайты на WordPress Аватар для ADvi
    • Регистрация: 22.01.2011
    • Сообщений: 490
    • Репутация: 89
    • Webmoney BL: ?
    Проверьте регистр имен файлов шрифтов. Буквально вчера столкнулся с такой проблемой.
    Лучший хостинг в рунете | Не делайте людям добро – они вам этого не простят.
    • 0
  8. Опытный
    • Регистрация: 06.08.2013
    • Сообщений: 307
    • Репутация: 5
    Подключаю шрифты так
    Код HTML:
    @font-face {
        font-family: "RobotoRegular";
        src: url("./font/RobotoRegular.eot");
        src: url("./font/RobotoRegular.eot?#iefix") format("embedded-opentype"),
             url("./font/RobotoRegular.woff") format("woff"),
             url("./font/RobotoRegular.ttf") format("truetype"),
             url("./font/RobotoRegular.svg#RobotoRegular") format("svg");
        font-weight: normal;
        font-style: normal;
    }
    Папку фонт размещаю внутри папки со стилями
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Браузер игнориует font-size
Web программирование 12 03.06.2013 17:39
Проблема с Dle
DLE 7 24.11.2012 11:25
Фото-вакансия на Face-RuNet.ru для Креативного программиста!
Оффтоп и свободные темы 0 08.05.2012 02:57
@font-face: нестандартные шрифты с помощью CSS
Дайджест блогосферы 0 17.05.2011 01:22

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры