Custom fonts not applied for ActionBar Title

Author: NickIlievCreated Dec 4, 2018Updated Jun 11, 2026
Labelsbugcss

@NickIliev commented on Fri Sep 29 2017

Custom fonts are not applied for ActionBar in Angular based application (works as expected in NativeScript Core).

Steps to reproduce: use this test application or the following snippets (using Nasalization.ttf)

.na {
    font-family: "Nasalization";
    background-color: #343838;   
    color: #BCBCBC;
}

ActionBar {
    font-family: "Nasalization";
    background-color: #343838;   
    color: #BCBCBC;
}

Background and color are successfully applied while font-family is not respected.


@prabudevarrajan1 commented on Fri Apr 13 2018

I am also facing the same issue. Any work around plz?


@MaxiSonntag commented on Mon Dec 03 2018

Still an ugly issue, would really appreciate if this was fixed someday


@NickIliev commented on Tue Dec 04 2018

@MaxiSonntag @prabudevarrajan1 you could workaround this issue by creating a custom action bar content

For example:

<ActionBar>
	<StackLayout>
		<!--Add your page content here-->
		<Label textWrap="true" text="Play with NativeScript!" class="na" />
	</StackLayout>
</ActionBar>

Playground demo here


Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Source: NativeScript/NativeScript