Administer > Service Request Catalog Customization Guide > Appendix D: Styling the interface > Style Service Request Catalog > Customize the font styles > The font.css file

The font.css file

The content below is provided as a convenient reference for the default font.css file that is included with .

Note This file is only used for customizing the .zip files method for Service Request Catalog for tablets and on the desktop.

/* CSS file */
/* For Example <Start>
.text {
	color: #FF0000;
	font-size: 18;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
font family OOB default : HPSimplified
font family list for IOS:
	Heiti SC;
	Helvetica Neue;
font family list for Android:
	DroidSans;

<End>*/

.headerTitle {
	font-size: 21;
	color: #333333;
	font-family: HPSimplified;
}

.headerCartLink{
	font-size: 14;
	color: #333333;
	text-decoration: underline;
	font-family: HPSimplified;
}

.headerUserDropdownLabel{
	font-size: 14;
	color: #333333;
	text-decoration: underline;
	font-family: HPSimplified;
}

.launcherTitle{
	font-size: 24;
	color: #435057;
	font-family: HPSimplified;
}

.launcherSubtitle{
	font-size: 11;
	color: #71828C;
	font-family: HPSimplified;
}

.bodyTitle{
	font-size: 24;
	color: #0096d6;
	font-family: HPSimplified;
}

.bodySubtitle{
	font-size: 12;
	color: #435057;
	font-family: HPSimplified;
}

.backLabel{
	font-size: 14;
	color: #0096d6;
	font-family: HPSimplified;
}

.footerTitle{
	font-size: 18;
	color: #333333;
	font-family: HPSimplified;
}

.footerSubtitle{
	font-size: 12;
	color: #333333;
	font-family: HPSimplified;
}

.footerLink{
	font-size: 14;
	color: #0096d6;
	text-decoration: underline;
	font-family: HPSimplified;
}

.footerHelpLink{
	font-size: 12;
	color: #666666;
	text-decoration: underline;
	font-family: HPSimplified;
}

.footerCompanyLabel{
	font-size: 12;
	color: #666666;	
	font-family: HPSimplified;
}

.footerLegalNoticeLabel{
	font-size: 12;
	color: #666666;	
	text-decoration: underline;
	font-family: HPSimplified;
}

.navigationLabelUp{
	font-size: 15;
	color: #666666;
	font-family: HPSimplified;
}
.navigationLabelSelected{
	font-size: 15;
	color: #ffffff;
	font-family: HPSimplified;
}
.navigationLabelOver{
	font-size: 15;
	color: #000000;
	font-family: HPSimplified;
}

Send Help Center feedback