Search⌘ K
AI Features

The Mockup and the Starter Layout

Explore the process of building a typography-driven layout in Bootstrap 4 by integrating Google Fonts and using the official starter template. Understand the mockup design emphasizing whitespace and large headings to create a clean and readable web page layout.

Google Fonts

We’ll use two fonts for this layout—Roboto and Roboto Slab. Both fonts are available on the Google Fonts website. Once we’ve found the font we like, we have a little "plus" icon to the right of the font name. If we click it, the specific font will be added to the list of font families selected, shown in a toggleable bar at the bottom of the screen.

Here are our two options for embedding fonts: ...