2

Дико бомбит. Разрабатываю сайт на yii2. Возникла необходимость подключить сторонние шрифты. Сгенерировал через fontsquirrel web font generator веб шрифты. Положил в папку web/fonts. Создал файл web/css/fonts.css примерно следующего содержания:

@font-face {
font-family: 'open_sansregular';
src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
url('../fonts/opensans-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

AppAsset выглядит так:

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/font-awesome.min.css',
        'css/fonts.css',
        'css/site.css',
        'css/login.css',
    ];
    public $js = [
        'js/jquery.bootstrap-autohidingnavbar.min.js'
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapPluginAsset',
    ];
}

ну и в site.css выглядит примерно так:

body {
    background-color: #FAFAFA;
    font-family: 'open_sansregular', sans-serif;
}

Результата ноль. Самое интересное, что я могу вообще файл fonts.css не подключать - десктопный хром сам каким-то боком их найдет. Остальные браузеры (включая мобильный хром) шрифты не подтягивают. в исходном коде страницы все подключается в нужном порядке. Я вообще не понимаю что тут к чему. Кэш чистил миллионы раз..

UPD: font awesom работает прекрасно..

1
  • Попробуйте fontstorage.com/ru/font/open-sans (можно скачать сгенерированные шрифты) или fonts.google.com/specimen/Open+Sans . Если и эти шрифты не работают, то проверяйте правильность подключения ваших css-файлов и правильность путей к шрифтам
    – Cheg
    17 авг 2017 в 13:02

1 ответ 1

2

Все-таки поборол проблему.
1. Сменил конвертатор на transfonter.org т.к. предыдущий почему-то сломал русский шрифт. 2. Необходимо ручками отредактировать тот файл css, что нам оставил конвертатор, а именно: данный конвератор все шрифты называет одинаково, поэтому правим ручками каждый font-family ну и правим url шрифтов (и вот тут самое веселое).

В чем веселье? Если вы настроили свой сервер на то, чтобы он смотрел по умолчанию в папку web, то у вас должно быть все хорошо. У меня не было такой возможности и я решил эту проблему через .htaccess (который скопипастил на популярном сайте). И видимо есть какие то проблемы там, раз человеческий url до шрифтов выглядит так: '../fonts/font-name.blabla', а мой (рабочий) так: '../web/fonts/font-name.blabla'

Ну вот и все, день убил на это..

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.