Ionic 更改离子输入中的字体

gmol1639 于 2023-02-20 发布在 Ionic

关注(0)|答案(1)|浏览(127)

在一个ionic应用程序中，我尝试更改输入的字体系列。在global.css中，我指定了全局字体

* {
   font-family: 'FFMalmoom' !important; 
}

我想在特定页面的离子输入文本采取另一个家庭我尝试：
x一个一个一个一个x一个一个二个x
没有成功，它仍然需要'FFMalmoom'。

1条答案

不要在global.scss中指定全局字体，而是使用--ion-font-family css变量将其移动到variables.scss文件中的：root选择器

:root {
  --ion-font-family: 'FFMalmoom';
}

之后，字体仍将全局应用，因为iono将其用作整个应用的基础字体。然后，您可以像通常使用一样设置ion-input font-family

ion-input{
  font-family: 'verdana';
}