Objective
This article shows you how to change the fonts on Youreka Forms
Before you get started
This article might be helpful before you read further:
Use the following code snippet to adjust the fonts on forms.
Before
After
/*Import the font into the CSS*/
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
/*Apply the font family to the document body*/
body {
font-family: 'Indie Flower', cursive;
}
/* Apply the font family to the form container */
.slds-scope {
font-family: 'Indie Flower', cursive;
}
/*Apply the font for the headings, table and titles */
.slds-scope h1,
.slds-scope h2,
.slds-scope h3,
.slds-scope h4,
.slds-scope h5,
.slds-scope h6,
.slds-scope th,
.slds-scope td {
font-family: 'Indie Flower', cursive;
}
/*Apply the font family to the form fields*/
.containerBox input[type=text],
[type=number],
[type=date],
[type=datetime-local],
[type=url],
[type=phone],
[type=email] {
font-family: 'Indie Flower', cursive;
}
Comments
0 comments
Please sign in to leave a comment.