Как правильно подключать внешний шрифт на сайт

(Ответов: 22, Просмотров: 5384)
Страница 2 из 3 Первая 123 Последняя
  1. Опытный
    • Регистрация: 06.08.2013
    • Сообщений: 307
    • Репутация: 5
    Denis Creative, Та пробовал я так. не правильно это. Сделал вот так и ошибка пропала
    Код HTML:
    @font-face {
        font-family: "AGLettericaCondensed-Bold";
        src: url("/font/AGLettericaCondensed-Bold.eot");
        src: url("/font/AGLettericaCondensed-Bold.eot?#iefix") format("embedded-opentype");
        src: url("/font/AGLettericaCondensed-Bold.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
    }
    • 0
  2. Гуру
    • Регистрация: 09.10.2011
    • Сообщений: 1,814
    • Репутация: 251
    SergeyNetIt, почитайте http://htmlbook.ru/css/font-face есть интересные комментарии.
    • 0
  3. Гуру Аватар для Denis Creative
    • Регистрация: 21.02.2012
    • Сообщений: 555
    • Репутация: 128
    • Webmoney BL: ?
    SergeyNetIt, Все равно путь задан неправильно.
    Браузер будет искать шрифты в папке _site.ru/font/AGLettericaCondensed-Bold.eot
    а они лежат глубже, путь нужно задавать без первого слеша в данном случае.
    Создание и продвижение сайтов на WordPress и не только.
    • 0
  4. Опытный
    • Регистрация: 06.08.2013
    • Сообщений: 307
    • Репутация: 5
    Denis Creative,У меня сайт созданный на wordpress и Вы говорите, что нужно мне убрать "/" перед font. Так я вас понял?
    • 0
  5. Дипломник Аватар для Осьминожка
    • Регистрация: 10.10.2013
    • Сообщений: 110
    • Репутация: 0
    Если Wordpress, то качай плагин WP-google fonts, там выбираешь нужный шрифт, затем вписываешь там где нужно в файле style.css : font-family:название шрифта;
    • 0
  6. Опытный
    • Регистрация: 06.08.2013
    • Сообщений: 307
    • Репутация: 5
    Осьминожка, Категорически нет. Зачем использовать еще и для этого плагины нагружаю и так базу данных

    ---------- Сообщение добавлено 14:08 ---------- Предыдущее 14:04 ----------

    Denis Creative,Сделал как вы писали: убрал "/" перед font. Вот так сейчас у меня:
    Код HTML:
    @font-face {
        font-family: "AGLettericaCondensed-Bold";
        src: url("font/AGLettericaCondensed-Bold.eot");
        src: url("font/AGLettericaCondensed-Bold.eot?#iefix") format("embedded-opentype");
        src: url("font/AGLettericaCondensed-Bold.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
    }
    Но ошибка та же и осталась. Правда теперь путь к файлу правильно показывает в окне ошибок. Вот скрин http://joxi.ru/KXm5Uv3JTJA-XSpF6VE

    ---------- Сообщение добавлено 14:30 ---------- Предыдущее 14:08 ----------

    Вот так я шрифт использую
    Код HTML:
    .left-nav h1{
    	width: 100px;	
    	font: bold 14px "AGLettericaCondensed-Bold", sans-serif;
    	/*line-height:42px;*/
    	color: #656761;
    	margin: 0 0 0 25px;
    	float: left;
    	text-transform: uppercase;
    }
    • 0
  7. Гуру Аватар для Denis Creative
    • Регистрация: 21.02.2012
    • Сообщений: 555
    • Репутация: 128
    • Webmoney BL: ?
    Правда теперь путь к файлу правильно показывает в окне ошибок.
    Это и нужно.
    А сама папка с шрифтами правильно лежит и называется?

    Я так подключал шрифты:
    PHP код:
    @font-face {
    font-family:"PF Din CondPro";
    src:url(fonts/PFDinTextCondPro-Regular.ttf);
    }

    #header .head{
    font-family:"PF Din CondPro"Arialsans-serif;
    font-size:65px;

    Вроде бы работает правильно.
    Создание и продвижение сайтов на WordPress и не только.
    • 0
  8. Опытный
    • Регистрация: 06.08.2013
    • Сообщений: 307
    • Репутация: 5
    Denis Creative,Папка называется font и лежит она, вот скрин http://joxi.ru/EcG5UhjKTJCOcx98MfU
    • 0
  9. Гуру Аватар для Denis Creative
    • Регистрация: 21.02.2012
    • Сообщений: 555
    • Репутация: 128
    • Webmoney BL: ?
    Я уже проверил, у меня этот шрифт подключить тоже не получилось, выберите лучше другой шрифт, этот вроде ничем и непримечательный.
    Создание и продвижение сайтов на WordPress и не только.
    • 0
  10. А компот??!!
    • Регистрация: 28.11.2011
    • Сообщений: 2,067
    • Репутация: 720
    • Webmoney BL: ?
    Если дело всё в путях:

    css лежит в отдельной папке, можно и такой путь задать

    @font-face{
    font-family: AGLettericaCondensed-Bold;
    scr:url(../font/AGLettericaCondensed-Bold.eot);/*для ie5-8*/
    src:local(AGLettericaCondensed-Bold),url(../font/AGLettericaCondensed-Bold.ttf);/*для всех остальных браузеров*/
    }

    Или прописать абсолютный путь, только без домена.

    сайт/font/AGLettericaCondensed-Bold.eot - не откроется, выдаст 404 ошибку, так как у Вас путь ещё до шаблона далёк
    • 0
Страница 2 из 3 Первая 123 Последняя

Похожие темы

Темы Раздел Ответов Последний пост
Этот урл внешний или внутренний?
Общие вопросы поисковой оптимизации 7 05.07.2013 17:27
За какое время до премьеры лучше подключать кинопартнерку
Партнерские программы 20 11.06.2013 10:27
Посоветуйте внешний жесткий диск
Оффтоп и свободные темы 11 25.05.2013 21:47
Изменить внешний вид AdSense рекламы
PPC и контекстная реклама 2 26.08.2012 18:49
Подключать через Javascript или Iframe
Общие вопросы поисковой оптимизации 5 05.07.2011 20:25

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

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

Информеры