2017-02-21 3 views
0

Итак, я работаю над гибридным веб-приложением, использующим структуру 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, похоже, использует второй шрифт, но на дисплее явно остается исходный шрифт.

Неужели кто-то еще сталкивается с этой проблемой?

ответ

0

Вам необходимо обновить файл сборки, включив в него новый шрифт, как правило, «сасси» и «шрифты».

Проверить эту ссылку: https://forum.ionicframework.com/t/extend-ionic2-add-custom-fonts-icons-ionic-config-json/48589

P.S - Если вы уже делаете это и не работает, пожалуйста, выкладываю фрагменты кода, которые вы используете.