EverWeb Logo


Creating Scalable Text with EverWeb's Minimum Font Size Feature

Video Transcript:

► This Video's Contents...

0:00 - Introduction to Minimum Font Size

0:31 - Instantly Scalable Fonts with TextBoxes

1:28 -  Updating Paragraph Styles

2:10 - Minimum Font Size and the Styled Text Editor

2:44 - Minimum Font Size and the Blog Post Editor

To use the features shown in this video you will need to use EverWeb 4.0 or higher, for macOS or Microsoft Windows.

EverWeb’s Minimum Font Size feature allows you to easily seamlessly scale your text to suit whichever device you are displaying your page upon.

You can apply this feature to TextBoxes, the Styled Text Editor and to blog posts in the Blog Post Editor.

You can make any text in a TextBox instantly scalable.

Simply highlight the text you want to scale, then go to the Text Inspector if it is not already displayed.

You will see the font size of your selected text displayed in the default font size field, for example, 36 point.

Further down the Fonts section of the Text Inspector, is the 'Minimum Font Size' field.

If the field is set at zero, then there is no text scaling. In this example, the default font size is 36 point, so you could set the minimum font size to 18 point.

Once you have set the default and minimum font size, you can test out the scalable text simply by reducing the right hand side of the EverWeb app.

You should see the text size seamlessly reduce down, from 36 to 18 point.

When finished set the EverWeb app window back to its original width.

Whilst it is useful to have a scaleable font as and when you need it. It is often better to set up your scalable fonts as a default.

Using the above example, the text selected was linked to a Paragraph Style, you can update the Paragraph Style to include the Minimum Font Size value by clicking on the blue Update button to the right of the Paragraph Style.

Alternatively, you can update any Paragraph Style using the Format,  Default Styles... dialog box.

In the Paragraph Styles section, select the Paragraph Style you want to update. Enter the Minimum Font Size value that you want to use for the Paragraph Style, then click on Save when finished.

You can also take advantage of Minimum Font Size in the Styled Text Editor which is used in the FlexBox, Text Section and PayPal widgets.

To use the Minimum Font Size feature you will have to associate your piece of text with a Paragraph Style.

To do this, just select the text you want, then choose the Paragraph Style from the dropdown menu at the top of the Styled Text Editor.

If you ever want to change the Minimum Font Size value, use either the Format, Default Styles... menu option, or the Text Inspector.

The same principle also applies when using the Blog Post Editor as with the Styled Text Editor.

Simply highlight the text in the Blog Post Editor that you want to scale, then click on the Paragraph Style button in the Blog Post Editor's Toolbar.

Select the Paragraph Style you want to use.

Again, to change the Minimum Font Size, use either the Format,  Default Styles... menu option or the Text Inspector.