Дико бомбит. Разрабатываю сайт на 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 работает прекрасно..