left arrow right arrow help header logo background

Style the text on a page to make it look more consistent across browsers

By default each browser uses a default font with certain size to show the text on a web page. As browsers use different settings as default, your page may look different across browsers. To handle this, you can assign a default font to your website so that the text will look more consistent across browsers. We will show you how to do this below. If you create a new website using our Blank Template, these steps have already been done. You may like to change the font used and also the size of the font. (Video Tutorial - 4:23)
 
  1. Select Tools -> CSS Style Editor from the main menu or press this button on the toolbar.


     
  2. Press the "Add" button on the CSS Style Editor Dialog. A new style will be created. Press the "Rename" button and change the name to "default-font".



       
     
  3. Select the "Text" tab on the left. Set the values as shown below. You can choose any set of fonts you like in the drop down list and change the font size to your like. We set the "line-height" to 130% to leave some spaces between lines. We also use #333333 for text color.


     
  4. Press the "OK" button to save the style.
     
  5. Open a template page if your website uses one or a normal web page. Right-click on the blank area of the page and select "Page Properties" from the context menu.


     
  6. Either one of the dialogs below will be shown depending on whether the page is a template page or a normal web page. Click on the "Style" tab and select "body" for the Container.

       
     
  7. Press the "Add" button. Select the style "default-font" from the Select Styles Dialog. Press the "OK" button to add the style.


     
  8. Either one of the dialogs below will be shown. Press the "OK" button on the Page Properties Dialog to apply the style to the page.