Как я могу изменить шрифт в моем ионном приложении?
Я хочу изменить шрифт, но не могу сделать это на устройстве Chrome или Samsung A50 с Android XI. Я буду признателен за любую помощь, которую вы можете мне помочь, спасибо!
Ionic CLI: 6.19.0
Ionic Framework: @ionic/angular 6.0.4
Cordova CLI: 11.0.0
Я скопировал ttf в папку assets/fonts, PermanentMarker-Regular.ttf
global.scss:
@font-face {
font-family: 'Permanent Marker', cursive;
src: url('/src/assets/fonts/PermanentMarker-Regular.ttf')
}
home.scss:
ion-content h3 {
--ion-font-family: 'Permanent Marker', cursive !important;
font-size: 24px;
}
home.html:
<ion-content class = "ion-padding" [style.background-image] = "'url(' + img_backg + ')'">
<ion-grid>
<ion-row class = "ion-text-center">
<ion-col>
<h3>{{global.titulo_principal}}</h3>
………
Я скопировал только ttf в папку assets/fonts, PermanentMarker-Regular.ttf
можешь поделиться полным путем к файлу?
C:\IONIC6\my_proyect\src\assets\fonts
(Написано с автозаполнением vstudio)
Ответы 1
Предполагая, что home.html правильный, измените путь к global.scss на следующий:
src: url('../assets/fonts/PermanentMarker-Regular.ttf')
спасибо, я написал путь так, но... C:\IONIC6\my_proyect\src\global.scss:16:13: Не удается разрешить '../assets/fonts/PermanentMarker-Regular.ttf' в C :\IONIC6\my_proyect\src' Будучи на том же уровне, что и global.scss, я написал так, без ошибок, но и не работает src: url('assets/fonts/PermanentMarker-Regular.ttf')
@Guille, вы можете удалить кавычки из «Постоянный маркер», чтобы он был постоянным маркером?
Я убрал кавычки только из global.scss. Это не работает. Я одновременно удалил кавычки из global.scss и home.scss.
импорт отсутствовал ...... спасибо !!!
Вы распаковывали шрифты при вставке в папку шрифтов?