javascripthtmlcsstwitter-bootstrapfonts

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:

enter image description here

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

Bootstrap CSS - Their font:

enter image description here

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 itself was coded not using any class from Bootstrap.

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