How to use font colours and sizes

Learn how font colours and sizes work in iNewsletter

Michael Bates avatar
Written by Michael Bates
Updated over a week ago

In iNewsletter there is no option to directly change the font size or colour of a block of text. However you can add your primary brand colour which is automatically used throughout your newsletter.

Font Sizes

iNewsletter will automatically change the size of the font, depending on the device the newsletter is being read on to maximise readability. To do this, we have manually chosen font sizes and tested them across all kinds of mobile and desktop devices, and ensured they are clear and readable, while also taking into account other elements of the newsletter.

On a content page, there is 3 primary text boxes: the banner heading, the banner subheading and the body. Both the banner heading and the banner subheading have a fixed font size that can't be changed. The body section has multiple text styles that are explained below:

Paragraph

This is the default text style in the body section. Paragraph style text is best for article content and any long fragments of text.

Heading

Heading style text is great for article/section headings. It is a slightly larger font size than Paragraph text and has built in support to prevent widows/orphans in a multi-column layout.

Quote

Quote style text is great for drawing attention to a block of text. It is a slightly different colour to Paragraph text and has a slightly larger font size.

Any of these text styles can be chosen by highlighting some text in the body area and choosing the appropriate option from the floating formatting toolbar.

Font Colours

The font colours are built in to keep the newsletter looking clean and professional. Sometimes you might want to draw attention to part of an article, to highlight an important message. A callout is a great way to do this - it surrounds a small block of text with a grey box and includes a customisable emoji.

To add a callout

  1. Click inside the article where you'd like the gallery to appear

  2. To the left of the flashing cursor will be a grey '+' button - click this

  3. From the menu that appears, click Callout

A grey box will be inserted where you can type your text with a default emoji. At the top of the callout is a floating menu with an option to change the emoji.

Did this answer your question?