how to change font of grid row text

Hi @Rocky_2021 ,

when you meant grid row text - for which  widget you want to apply the font.

So styles are defined in app.scss and they could be set to the class properties - exampe:

so example of style definition as text :

.buttoncircle {
 background-color: #4CAF50;
 border: none;
 color: white;
 padding: 20px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
 margin: 4px 2px;
 border-radius: 50%;
}

.ptc-3DLabel { 
 	font-family: Century Gothic;
 	color: black;
 	--text-stroke-color: yellow;
 	--text-stroke-width: 3px; /*csslint ignore*/
 	font-weight: normal;
 	font-style: italic;
 	background-color: grey;
}

and then as class set to a class property e.g. here of the gridLayout widget:

add e.g. an label widget and test in preview:

I did not tested on mobile but it should work if not then please, let me know.

So according to the font - if it is some new created you need to check if generally it work on desktop on the mobile . I never used non standard font. But possibly you need to add it to a project folder and then refer to it via style variable 

$font-path References the relative directory where fonts are stored.