Customizing a font per device

In Boundless the style editor allows you to customize how a site looks and feels in a DRY (don’t repeat yourself) manner.

Sometimes you want different devices to use different font sizing or spacing to ensure that it looks best on different form factors.

You can customize the font size and other device specific properties for your content via the style editor.

  1. Click Styles when editing any page then selecting Styleguide from the pages dropdown to view your styleguide
  2. Select the desired viewport from the top center of the screen - if the setting is viewport specific you will see a viewport icon next to the field:

If there is a property that you want to set on a specific viewport you can accomplish this by clicking the Custom CSS link at the bottom of the style sidebar and adding your own Custom CSS.

1 Like