Change default font

Asked

Viewed 2,080 times

3

I am trying to change the font of a page I am mounting with bootstrap, but for some reason it does not accept. I made the following steps:

In HTML:

<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

In bootstrap.css:

html {
  font-family: 'Indie Flower', sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

In bootstrap.min.css:

{font-family: 'Indie Flower', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

Any suggestions?

twitter-bootstrap

  • Is it being overwritten somewhere? Test with ! Test with doubts, if it works look where it is being replaced,

  • Adding ! Important in css should work. Also check that the font url is correct.

  • Look for the body tag in bootstrap.min.css and put the source of your choice as the first option.

1 answer

4


Ideally, you do not edit the source code of bootstrap, so avoid messing with things you wouldn’t like. To work with another standard source, you can do as you did on the html:

<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

And edit the default font in the customization that itself bootstrap offers here.

Browser other questions tagged twitter-bootstrap

You are not signed in. Login or sign up in order to post.