Disable Bootstrap Font

Question

I have a website that uses the bootstrap CSS/JS. I am suffering the problem when the bootstrap font conflicts with the font I would like to use. Example:

With my Font

http://i.stack.imgur.com/PiGGn.png

But When I use the bootstrap CSS, the font conflicts with mine (Uses bootstrap Font instead of the one I have set)

Bootstrap CSS - There Font

http://i.stack.imgur.com/04gck.png

Is there anyway to Remove the bootstrap Font ( Typography ) or some how make my font be used instead?

On a side note: The bootstrap CSS/JS was added to website for less coding for me. The website it self was coded not using any class from Bootstrap.

Answer 1

Try making sure you're loading your custom CSS file after the bootstrap one in your page header. Eg:

<link rel="stylesheet" href="css/bootstrap.css" />

<link rel="stylesheet" href="css/your-stylesheet.css" />