Javascript – Disable Bootstrap Font


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

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

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.

Best Solution

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" />