Итак, я работаю над гибридным веб-приложением, использующим структуру Ionic 2. Я сталкиваюсь с какой-то странной проблемой.Несколько шрифтов в приложении Ionic 2
Если установить
*{
font-family: 'bebas';
font-size: 20px;
text-transform:uppercase;
}
В app.scss он показывает правильный шрифт для всего, но когда я пытаюсь включить второй шрифт в приложении для текста кнопки, как так
.dash-button-sm{
width: 4em;
height: 6em;
background: rgba(0,0,0,0.35);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border-radius: 6px;
-webkit-box-shadow: 5px 5px 7px 1px rgba(0,0,0,0.55);
-moz-box-shadow: 5px 5px 7px 1px rgba(0,0,0,0.55);
box-shadow: 5px 5px 7px 1px rgba(0,0,0,0.55);
color:whitesmoke;
font-size: 12px !important;
text-transform: none !important;
font-family: 'SourceSansPro-Regular' !important;
}
Это не отображает другой шрифт на моей кнопке. Мой второй шрифт находится в том же каталоге, что и первый, и я скопировал вставку объявления семейства шрифтов и изменил имена файлов шрифтов на правильные. Я уверен, что это правильно, и это не проблема.
Также при проверке в консоли css, похоже, использует второй шрифт, но на дисплее явно остается исходный шрифт.
Неужели кто-то еще сталкивается с этой проблемой?