Как прописываете конкретно?
В пакете @font-face от fontsquirrel.com уже идёт файл с кодом, который нужно прописать. Его и вставляю. Поправив только слегка путь к шрифтам, как он прописан для английской версии шрифта. Шрифты лежат в одной папке.
Я даже было просто скопировал текст файла стилей с рабочего тестового сайта и заменил его в редакторе. Всё равно по старому.
Вот оригинал:
@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Вот мой код:
@font-face {
font-family: 'BebasNeueCyrillicRegular';
src: url('fonts/bebas_neue_cyrillic-webfont.eot');
src: url('fonts/bebas_neue_cyrillic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/bebas_neue_cyrillic-webfont.woff') format('woff'),
url('fonts/bebas_neue_cyrillic-webfont.ttf') format('truetype'),
url('fonts/bebas_neue_cyrillic-webfont.svg#BebasNeueCyrillicRegular') format('svg');
font-weight: normal;
font-style: normal;
}
Попробуйте абсолютный путь указывать к файлам.
Я пробовал уже. Результат тот же.
Непонятно почему даже при полном удалении темы и установке заново не срабатывает даже оригинальный шрифт. Такое чувство, будто запомнились какие-то настройки и только они теперь действуют. Хотя это лишь мои измышления.
Я верно понимаю, что один и тот же файл шрифта работает на тестовом (локальном?) домене и не работает на основном? Т.е. файлы шрифтов сформировались верно, с настройками кириллицы и где-то работают как следует?
Если да, тогда каким браузером Вы пользуетесь? Пробовали ли Вы чистить кэш браузера или принудительно обновлять страницу Ctrl+F5? Уверены ли Вы в правильности путей? А если уверены, то верное ли название «BebasNeueCyrillicRegular» стоит в font-family?
И можно ли нам взглянуть на тот сайт, где не работает шрифт.
Как тестовый домен я использовал бесплатный, что мне дали на хостинге. вот ссылка, где шрифт работает: http://tenrai.tmweb.ru
Основной сайт пока сидит на другом шаблоне. Сделал скриншот как он выглядит при предпросмотре, но не вижу, как тут прицепить.
Или же под «взглянуть на сайт» Вы имели в виду вход в админку?
Браузер основной Опера. Стоит Хром и Лиса. Везде тестовый сайт идет нормально.
Кеш чистил. 100 раз обновлял. С путями уже наигрался будь здоров. У меня эти шрифты чуть ли не в каждой папке были. 🙂
Название шрифта один раз скопировал с файла от fontsquirrel.com и вставлял везде одинаково.
Сейчас вспомнил, что, помню, пришлось откатиться и при новой настройке темы шрифт таки встал. Но на следующий день, когда полез доправить тему перед окончательной установкой, снова проблема. Бэкапа того уже,увы, нет.
Исходя из вышесказанного, могу сделать два вывода:
- Шрифт сконвертирован верно
- На требуемом сайте, в той теме, где шрифт не работает, однозначно проблемы со стилями
Когда я говорил посмотреть на сайт, я имел ввиду не админку, css я и так посмотреть смогу, я хотел ссылку на сайт, вот как на тестовый.
Хорошо. Я сделаю тему активной, чтобы вы глянули.
Сайт http://caratelier.ru
В исходном коде страницы так:
<style type='text/css' media='screen'>
@font-face {
font-family: "header-font";
src: url("") format("truetype");
}
@font-face {
font-family: "body-font";
src: url("") format("truetype");
}
@font-face {
font-family: "lists-font";
src: url("") format("truetype");
}h1, h2, h3, h4, h5, h6, h7 {
font-family: "header-font" !important;
}p, em, div {
font-family: "body-font" !important;
}li {
font-family: "lists-font" !important;
}
</style>
Пути к файлам отсутствуют.
Тут скорее другое, эти стили прописанные в head страницы имеют приоритет перед стилями в style.css. Удалите указанный выше кусок из header.php и будет шасте! 🙂
Что самое интересное на работающем тестовом сайте в этом месте стоит код:
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
</style>
И всё. Может у меня левый код какой прописался? И где это можно исправить?
Да я уже понял про щастье. 🙂 И где править тоже.
Спасибо вам всем огромное!!! 🙂
Рано я порадовался. 🙂
В файле header.php в папке темы такого кода нет. Откуда он может браться?
Или где ещё его можно найти?
Его может генерить JS, например. Но, учитывая, что он стоит перед </head> предположу, что его генерит какой-то из плагинов, т.е. он внутри <?php wp_head(); ?>.
Есть способ проще, но менее правильный, поставить !important в css в свойствах font-family нужных селекторов, но это на самый крайний вариант.
