Sass 离子2应用程序中的多种字体

因此，我正在开发一个使用Ionic 2框架的混合web应用程序。我遇到了一个奇怪的问题

如果我设定

*{   
    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时，它似乎使用了第二种字体，但显示内容显然仍然是原始字体

---

还有其他人遇到过这个问题吗

您需要更新构建文件以包含新字体，通常是“sass”和“font”任务

检查此链接：

附言-如果你已经在做这件事，但没有工作，请张贴你正在使用的代码片段