From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Adding styles to our project

Adding styles to our project - Bootstrap Tutorial

From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Start my 1-month free trial

Adding styles to our project

- [Instructor] Let's make our navigation a bit better by adding some different fonts. Which means we're gonna have to work on some styles. One of the best places to get fonts is Google Fonts. They provide a free library of over 878 different typefaces right now. And you can find a lot of different fonts here. So, I like a font called Merriweather. So, what you do is you search for a font, and then you hit this plus sign. And then, for a sans serif font, I'm gonna use something called Source Sans Pro here. And once you add the fonts that you want, you'll see this sort of section down here, where it tells you the number of families selected. And you can click on that. And copy the code to install the fonts. You usually wanna customize these by clicking on this customize button. And then loading up the different font weights that you need for your project. So, in Source Sans Pro, I'm gonna load up extra-light 200, as well as 400. And the semi-bold of 600. And, then, for Merriweather, I'm…

Contents