TW Bootstrap Custom Fonts

Question

I would just like to ask if anybody would be able to take me step by step through how to get custom fonts working with TW Bootstrap?

Cheers Guys

Answer 1

you could go with what @Lando suggested or try adding this in the header

<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

make it universal

* {
font-family: 'Lato', sans-serif;

}

or add a custom class

.custom_Class {
font-family: 'Lato', sans-serif;

}

Answer 2

You simply need to add some css using the * (wildcard) element:

@import url(http://fonts.googleapis.com/css?family=Ubuntu+Mono);

* {
    font-family: 'Ubuntu Mono', sans-serif !important;
}

Here's a fiddle