如何在我的ionic应用程序中更改字体?

qncylg1j  于 2024-01-04  发布在  Ionic
关注(0)|答案(2)|浏览(285)

我想改变字体,但我不能在Chrome或三星A50,Android Xi设备上做到这一点。我将感谢您能指导我的任何帮助,谢谢!

  1. Ionic CLI: 6.19.0
  2. Ionic Framework: @ionic/angular 6.0.4
  3. Cordova CLI: 11.0.0

字符串
我将ttf复制到assets/fonts文件夹PermanentMarker-Regular.ttf中

  1. global.scss:
  2. @font-face {
  3. font-family: 'Permanent Marker', cursive;
  4. src: url('/src/assets/fonts/PermanentMarker-Regular.ttf')
  5. }
  1. home.scss:
  2. ion-content h3 {
  3. --ion-font-family: 'Permanent Marker', cursive !important;
  4. font-size: 24px;
  5. }
  1. home.html:
  2. <ion-content class="ion-padding" [style.background-image]="'url(' + img_backg + ')'">
  3. <ion-grid>
  4. <ion-row class="ion-text-center">
  5. <ion-col>
  6. <h3>{{global.titulo_principal}}</h3>
  7. ………
nnsrf1az

nnsrf1az1#

假设home.html是正确的,将global.scss的路径更改为以下内容:

  1. src: url('../assets/fonts/PermanentMarker-Regular.ttf')

字符串

jfewjypa

jfewjypa2#

这对我很有效:

  1. @font-face {
  2. font-family: 'M PLUS Rounded 1c';
  3. src: url('assets/fonts/MPLUSRounded1c-Black.ttf') format('truetype');
  4. font-weight: normal;
  5. }
  6. :root {
  7. --ion-font-family: 'M PLUS Rounded 1c', sans-serif;
  8. }

字符串
我知道这可能不是“去”的方式来做到这一点,但它的工作,因此我会保持这样,直到我注意到任何问题。

相关问题