Google Font on bootstrap

Hi, been trying to add a google font while using Bootstrap on the portfolio page project but it doesn’t load.
Can anyone tell me where I am mistaken?

If you change the selector to * instead of body in CSS, it works.

Now for the reason, I think it’s because on Codepen you’re supposed to load the CSS external resources from the CSS settings, and the JS from the JS settings. Also, the html editor on Codepen is considered the body, so the stuff for the head goes into the settings.

So, after you move the links to the settings, I think it’ll work without changing the CSS selector.

1 Like

Thanks a lot, I tried both ways as you suggested! First changing on “*” and then replacing it back as body and saving all the external resources as per your advice (they both works of course but i wanted to understand it myself!).

Thanks again!

1 Like