英文:
change font in ionic input
问题
在一个Ionic应用中，我正在尝试更改输入框的字体族。在global.css中，我指定了全局字体样式：
```css
* {
font-family: 'FFMalmoom' !important;
}
我希望特定页面上的ion-input文本采用另一种字体。我尝试过：
ion-input {
font-family: 'verdana' !important;
}
ion-input {
--ion-font-family: 'verdana' !important;
}
但是没有成功，它仍然采用'FFMalmoom'字体。
<details>
<summary>英文:</summary>
In an ionic app, I am trying to change the font family of input.
in global.css i'm specifing the global font
```css
* {
font-family: 'FFMalmoom' !important;
}
I want the ion-input text in specific page to take another family
i tried:
ion-input {
font-family: 'verdana' !important;
}
ion-input {
--ion-font-family: 'verdana' !important;
}
with no success , It still takes 'FFMalmoom'.
答案1
得分: 0
而不是在 global.scss 中指定全局字体，将它移到 variables.scss 文件中的 :root 选择器中，使用 --ion-font-family CSS 变量
:root {
--ion-font-family: 'FFMalmoom';
}
之后，该字体仍将作为全局字体应用，因为 Ionic 将其用作整个应用的基础字体。然后，您可以像通常一样设置 ion-input 的字体族
ion-input {
font-family: 'verdana';
}
英文:
Instead of specifying the global font in the global.scss move it to the :root selector in the variables.scss file with the --ion-font-family css variable
:root {
--ion-font-family: 'FFMalmoom';
}
After that the font will still be applied globally as ionic uses this as the base font for the entire app. You can then set the ion-input font-family as you normally would with
ion-input{
font-family: 'verdana';
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论