Pixieset Website offers a wide range of fonts to choose from so that you can easily select and customize the perfect font theme for your Website. This article will explain how to change fonts on your Website, adjust sizing, and further customize your fonts with advanced typography tools.
On this page:
Why can’t I add more text to a content block?
Changing your font
To change your font:
- Click the Design icon at the top of your Builder Panel on the left of your page.
- Go to the Font Theme section under Theme Options.
- Click on your site's font theme to change it
Choose from a range of font themes under different categories. Simply click on the font theme of your choice to apply it to your Website.
Your chosen font theme will be applied to your site as a whole and will also be preserved across themes if you decide to change later. Want to customize your font theme further? See Customizing your font.
Adjusting font size
Within the font theme selector you can adjust your chosen font theme's font size. Changing the font size will proportionately change the size of all text on your Website. You can choose from a range of sizes between X-Small and X- Large. For more control over font sizes see Customizing your font.
Customizing your font
You can customize your font theme with advanced typography tools while on the Website Pro Plan or the Pro or Ultimate Suite plan.
- Go to the Design Tab and click on your font theme.
- Within the selector, click on the font theme you want to customize.
- Click on the Edit icon.
- Click on the text type you would like to change (headings, paragraphs etc).
- Select which variation of the text type you would like to adjust (e.g heading 1).
- Choose your preferred font under font family and adjust it to your liking using the styling tools.
Note: Making changes to a text type (e.g heading 1) will update every block on every page of your Website that is using heading 1.
Finding a specific font
Looking for a specific font? Here are the steps:
- Go to the Design Tab and click on your font theme.
- Within the selector, click on the font theme you want to customize.
- Click the Edit icon.
- Click on the text type you would like to change (headings, paragraphs etc).
- Select which variation of the text type you would like to adjust (e.g heading 1).
- Click on your font in the font family section and then click browse all fonts
- Choose from a wide range of fonts across different categories or use the handy search bar to locate your preferred font.
Tip: For best results you should not use more than three fonts per font theme. Using more fonts can negatively impact Website loading speeds.
Resetting font style
To reset your font theme as a whole:
- Go to the Design Tab and click on your font theme.
- Within the selector, click on the font theme you want to reset.
- Click on the Edit Icon.
- At the bottom of the panel you will see a Reset Font Theme button. Click this to reset your edits.
When you have customized a text type (e.g. Heading 1) using the styling tools you'll see a modified icon (blue circle) next to the value you have adjusted (e.g font family, weight). You can reset this value by hovering over the modified icon and clicking it when it turns to an x.
Changing Font Color
There are 2 options for changing font color:
-
Using the text block toolbar: For any text blocks, simply highlight the text and use the toolbar to select your preferred color.
2. Within a color scheme: If you are editing a color scheme, you can set specific colors for text on the Pro Website or Suite Plan . This will apply to any blocks using that specific scheme. Click on the pencil icon over a scheme and select your preferred colors for text elements such as headings and paragraphs.
You can read more on adding colors to your website here.
Why can’t I add more text to a content block?
Some content blocks have a character limit to ensure text can fit inside of the design. If you cannot add all the text you need, consider trying a different type of block. Flex Blocks are a great option as they are fully customizable so you can easily add lots of text and adjust the design to your liking. Learn more about Flex Blocks here.