Skip to main content
Custom Website Font
Updated this week

You are a unique butterfly. Your brand exudes individuality and strength. Your font perfectly captures your essence. You can use the custom font of your choice, with a little CSS skill, and by following these instructions:

Standard Fonts

If you want to use a standard font such as Arial, Verdana, or Tahoma

  • Uscreen Admin > Website 👁️ > Advanced Tab > Head Code

  • Add the typical font CSS code to the <head> section of your website. Be sure to place this in the <style> tags.

  • Save

  • An example may look like this:

<style>
* {
font-family: Arial, sans-serif;
}
</style>

Non-standard Fonts

If you prefer to use a fancy custom font, such as those available on Google Fonts:

  • Select the font you like.

  • Follow the instructions to select the styles or weights.

  • Copy the HTML link element or CSS @import statement provided by Google Fonts.

  • Uscreen Admin > Website 👁️ > Advanced Tab > Head Code

  • Add CSS to the <head> section. Be sure to place this in the <style> tags.

  • Save

  • An example may look like this:

Custom font for Landing pages

If you wish to change the font on landing pages, make sure the Head code snippet is enabled for your landing page.

  • Uscreen Admin > Marketing > Landing Pages

  • Select a landing page

  • Settings

  • Check Active on Head Code Snippet

  • Changes are saved automatically

  • Head code in landing pages may take about 10 minutes to see, due to cache delay.

Did this answer your question?