@Ruanmool, this may help…
- Not sure if you noticed but you’re using the
<b>tag but the text on your page doesn’t render as such. This is because when you imported your font you only selected regular. Go back to Google Fonts and when you select your font it will give you the link. All well and good so far but what you then need to do is click on the ‘customize’ link (next to ‘embed’) and there click the bold checkbox also. Click the ‘embed’ link and put the new link in your page. (Notice it now has weights for 400 & 700). Btw, I did this too with a page I was working on and asked a question about why I wasn’t seeing the font output the way I expected here in the forums and it was explained to me. Here’s the link to my post which includes a quick video the responder made showing how to do what I just explained.
I think I’ve mentioned this to you in some of your other requests for feedback…
- codepen only expects the code you’d put within the
<body> </body>tags in HTML. (No need to include the body tags). For anything you want to add to the<head>click on the ‘Settings’ button and add it into the ‘Stuff for <head>’ box.- The link to your font would go in the box labeled ‘Stuff for <head>’