Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Как правильно добавить шрифт

Тема в разделе "Вопросы, советы и доработки.", создана пользователем Moonlight31, 11 авг 2016.

  1. Moonlight31

    Moonlight31

    Сообщения:
    57
    Симпатии:
    6
    Баллы:
    8
    Добрый день!
    Подскажите пожалуйста, как правильно добавить шрифт и потом его использовать)

    что уже сделал:
    в папку fonts в рабочей теме добавил файл шрифта в 5 форматах: eot, svg, ttf, woff, woff2

    в файле style.css добавил:

    Код:
    @font-face {
    font-family: 'franklingothic-book-webfont';
    src: http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/('franklingothic-book-webfont.eot');
    src: http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/('franklingothic-book-webfont.eot?#iefix') format('embedded-opentype'),
    http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/('franklingothic-book-webfont.woff') format('woff'),
    http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/('franklingothic-book-webfont.ttf') format('truetype'),
    http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/('franklingothic-book-webfont.svg#HeydingsCommonIconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
    также пробовал и такой вариант:
    Код:
    @font-face {
    font-family: 'franklingothic-book-webfont';
    src: http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/franklingothic-book-webfont.eot('franklingothic-book-webfont.eot');
    src: http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/franklingothic-book-webfont.eot('franklingothic-book-webfont.eot?#iefix') format('embedded-opentype'),
    http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/franklingothic-book-webfont.woff('franklingothic-book-webfont.woff') format('woff'),
    http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/franklingothic-book-webfont.ttf('franklingothic-book-webfont.ttf') format('truetype'),
    http://mynligzk.bget.ru/public_html/wp-content/themes/emmet-lite/fonts/franklingothic-book-webfont.svg('franklingothic-book-webfont.svg#HeydingsCommonIconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    Затем применил этот шрифт к тексту:
    <td style="width: 489px; border-color: #ffffff;"><span style="font-family: franklingothic-book-webfont, arial, helvetica, sans-serif;"> ООО "СкладИнжиниринг"</span></td>

    Но всё без изменений))

    Что я неправильно делаю, подскажите, пожалуйста))

    Ссылка: http://mynligzk.bget.ru/
     
  2. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    вот так попробуйте:
    font-family: "Franklin Gothic", arial, helvetica, sans-serif;
     
    • Нравится Нравится x 1
    • Согласен Согласен x 1
  3. Moonlight31

    Moonlight31

    Сообщения:
    57
    Симпатии:
    6
    Баллы:
    8
    Спасибо большое, добавил без кавычек и всё получилось)