Using Google Fonts with SharpSpring Forms

SharpSpring forms can be edited or otherwise styled using the form stylesheet. Editing this stylesheet is another way to customize your form's code and design. You can configure this stylesheet to use specified fonts. This article will detail how to modify CSS stylesheets to set specific Google fonts in SharpSpring forms. Article Contents Preparing Form CSS Stylesheets Setting Form Stylesheet Code	Available with:
	Marketing Automation	✓
	CRM Ultimate	✓
	CRM PRO	✓
	CRM Free	✓

	Toolbar:


	Users:
	Administrators	✓
	Company Managers	✓
	Marketing Managers	✓
	Sales Managers
	Salespersons
	Jr. Salespersons

In order to insert custom code for fonts, you will need to use a SharpSpring form with a stylesheet.

To prepare a SharpSpring form and stylesheet, do the following:

Click to enlarge.

Once you have prepared a SharpSpring form and developed a stylesheet, you can insert code to specify which Google Font to use for text on your form.

To set SharpSpring form stylesheet code, do the following:

Open another new tab in your web browser. Navigate to https://fonts.google.com/ in that browser tab. Click+ Select this style next to the desired font family. Click the icon in the upper-right corner to view your selected family. Click @Import. Copy the entirety of the Embed Code snippet, except the `<style>` tags. Return to the SharpSpring form browser tab. Paste the copied snippet at the top of the form's stylesheet code. Add the CSS selector targeting the form elements that will be styled to the bottom of the form's stylesheet code. Return to the Google Fonts browser tab. Copy the snippet in the Specify in CSS block. Return to the SharpSpring form browser tab. Paste the copied snippet between the `{ }` curly brackets. Click Save Stylesheet. Click Save Changes.

		Note: SharpSpring offers Professional Services to assist with custom coding.

		Note: The following example code targets labels for form inputs: label { }

Why was this help article not helpful?