离子2应用中的多个字体

Question

因此，我正在使用Ionic 2 Framework在Hybrid 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似乎正在使用第二个字体，但显示显然仍然是原始字体。

还有其他人违反这个问题吗？

Answer 1

您需要更新构建文件以包括新字体，通常是" sass"one_answers" fonts"任务。

检查此链接：https：//forum.ionicframework.com/t/extend-ionic2-custom-fonts-icons-icons-ionic-config-json/48589

P.S-如果您已经在执行此操作并且无法正常工作，请发布您使用的代码片段。