Пользовательский шрифт не применяется к пустому шаблону Nativescript - PullRequest
Новая
       7

Пользовательский шрифт не применяется к пустому шаблону Nativescript

0 голосов
/ 13 января 2019

Я пробовал проект nativescript в течение недели. Я создал пустой шаблон nativescript из cli и использую VSCode для кодирования.

Это командная строка, которую я использую. 

tns create my-app-name --template tns-template-blank-ts

Я обнаружил проблему с пользовательскими шрифтами. Отовсюду я ищу, что я просто создаю папку «шрифты» внутри папки приложения, как это 

/my-project/app/fonts

Однако из-за создания из пустого шаблона шаблон переместил папку приложения в папку src следующим образом. 

/my-project/src/app

Конечно, папка SourceRoot была изменена на папку "src". Вместо этого я помещаю папку «шрифты» в папку «src». и поместите шрифт "RSU" в папку "fonts"

Затем я написал класс css для шрифта в файле "app.css". 

.rsu{
    font-family: 'RSU', 'RSU-Regular';
    font-size: 22;
}

и добавьте класс к элементу Label в «home.component.html» 

<ActionBar class="action-bar">
    <Label class="action-bar-title" text="Home"></Label>
</ActionBar>

<GridLayout class="page">
    <!-- Add your page content here -->
    <label class="rsu" text="Hello World"></label>
</GridLayout>

Итак, шрифт не был изменен. Я приложил фотографии для этой проблемы.

https://www.imgtrue.com/image/UIfgLE

https://www.imgtrue.com/image/UIfiKC

https://www.imgtrue.com/image/UIfTXV

1 Ответ

0 голосов
/ 13 января 2019

Попробуйте этот код 

.rsu {
    font-family: 'RSU-Regular', 'RSU_Regular';
    font-size: 22;
}

Android использует имя файла, а iOS - имя семейства шрифтов. Поэтому рекомендуется использовать переименование файла шрифта с именем шрифта или передавать оба шрифта и имя файла через запятую.

...