GET STARTED QUICKLY WITH A FREE DESIGN, THEN COMPLETELY CUSTOMISE IT TO MAKE IT YOUR OWN.
We help you make beautiful websites. Manage websites, little or large, in moments with a powerfully simple Visual Editor.
STYLE 70 MIX 'N MATCH THEMES WITH YOUR BRAND
THE WEB'S LARGEST COLLECTION OF LAYOUTS
ALL THIS FROM ONLY $9 PER MONTH!
TOUR THE CMS & WEBSITE BUILDER
WHAT'S NEW: MERGING INSTORE & ONLINE
BUILD YOUR OWN CUSTOM WEBSITE DESIGN
ON DEMAND LIVE EVENTS
WHAT'S THIS? IT'S A GLOSSARY OF FEATURES
HOW TO MAKE A WEBSITE LIKE A PRO
Web School is an end-to-end, easy to follow series, aimed at both beginners and web design pros.
2020 EVENTS ANNOUNCING SOON
Spend the day at MOBLE offices in Surry Hills and build your own website with the help from our team.
Learn MOBLE as you go with this comprehensive glossary of features and FAQs.
Paul Davenport | 2 min read | 3 min video
NEW VIDEO IN PRODUCTION. STAY TUNED VIA YOUR INBOX OR SIGN UP NOW
Keeping consistent styling throughout your website is important for your company brand. In your MOBLE website, you can configure your Fonts in one location and they will update automatically on every page of your website.
As a designer, you can determine the creative for the brand when you initially design your website, and as a business managing the content, you can be confident that the company's branding is always preserved as you edit your pages.
Should you wish to make wholesale changes to your brand in the future, such as logo change that requires a change in fonts, you can make your changes here in moments and update your entire website.
To get started, open the Main Menu, select 'Styles' and then select 'Fonts'.
You will be presented with a list of the different Fonts options available to you.
Select and customise Fonts on the left and Preview your modifications on the right.
It is important to know that your Font selections in the Styles area are made available in the Visual Page Editor, via the Formats tab as shown in the Video below.
It's often considered best practice to have one Heading 1 on a page. Logically, you will make your Heading 1 the largest and most prominent. However, in modern day website design, you may wish to have large fonts lower down the page, and such text might not have any benefit for search optimisation, it might simply be a bold statement or call to action.
For years there has been much debate in regards to structuring your Heading Tags for SEO best practice. Without getting bogged down in the nuances between different search engines and W3C HTML standards, MOBLE provides a simple solution that gives total flexibility.
The video below demonstrates how you can select both Headings and Styles. For example, you can make large Style headings lower down the page, and give them any Heading Tag that you wish.
Your Font selections are available in the Visual Page Editor
If you prefer to follow traditional best practice formatting, you might set your page up in a well-formatted hierarchy of Heading tags. You would have one Heading 1, then as you progress down the page you might have a couple of Heading 2's, a few Heading 3's, etc.
We recommend that you be consistent across your pages. Do be conscious of Headings, at least respect the Heading 1, though there is perhaps no need to have a relentless pursuit of the perfect structure. Put your user first, search engines, such as Google, prefer not to be manipulated and are smart enough to handle your preferred consistent structure.
You can select a Typeface from the dropdown list. MOBLE has selected the best Google Fonts for you to choose from. You can also install your own Fonts from Typekit.
Select your fonts from the dropdown list.
On the left of the screen you can type inline to view your fonts and automatically preview on the right.
Once you have selected the Type Face, you can now customise the font. Here you can use the sliders to ensure the Font is exactly as you desire.
You can change the Font Size on Desktop and Mobile. Notice that you can also Preview the Font on each device using the Device buttons on the far right of the preview pane.
As you would expect, you can also amend Line Height, Letter Spacing and Font Weight.
Over in the page editor, you will also be able to apply Bold and Italic, assuming these are available in the font that you have selected.
Configure your fonts via the customise button
It is also possible to speak to a Frontend developer to install your own custom font. For example, MOBLE use a Font called Sofia Pro which is not a free Google Font. If you require assistance installing a custom Font feel free to contact us via www.moble.com/lets-talk.
MOBLE recommend that you only use a maximum of three different font families in your website, as this will ensure that your page loads quickly and no doubt make it easier on the eye.
CCS or Cascading Style Sheets is a language that describes elements of HTML, such as fonts, colours, margins, lines, height, width, background images, advanced positions and more.
Think of CSS as a way to save time. If you have a yellow button that appears in many locations throughout your website, and you decide to turn the button into a more rustier yellow, with CSS you only need to change the button colour once, and it will then update in every location around the website in an instant.
It is not just the button colour that can be controlled in CSS: it could be button hover colour, button padding, text size, character spacing, height and shape.
Your MOBLE Styles area allows you to select and change the most common parts of your CSS. If you understand HTML, CSS & JSS you can extend the framework and design without restriction. We'll cover more on this in Series 6.
Design a website in under 3 minutes!
GET A QUOTE
A Web Builder for Design. A CMS for Business. We serve all businesses from SME's to Enterprise. Talk with us for custom website design and website development, ecommerce websites, directories, intranets and social networks.