Learn CSS fonts in 7 minutes! 🔤

[@BroCodez]

Bro Code

Bro Code
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Necessitatibus error ut rerum adipisci nisi quisquam eius in tenetur vel, ipsum, eos ducimus, minus illum delectus voluptate voluptatibus dolore sit laborum!
/* style.css */
@font-face{
src: url(fonts/Roboto-Light.ttf);
font-family: Roboto-Light;
}
@font-face{
src: url(fonts/OpenSans-VariableFont_wdth,wght.ttf);
font-family: OpenSans;
}
h1{
font-family: Roboto-Light, verdana, arial;
}
p{
font-family: OpenSans, "lucida console", "courier new";
font-size: 1em;
font-weight: bold;
font-style: italic;
}

[@ahmednajam7770]

i just wanted to help you, if you press alt + z it comprises the code without letting it slide of the screen

[@tavrel4628]

thank you!!

[@tin.easyfingerstyle]

Thank you. I've been searching this for a long time.

[@DragonFukyal]

THANKS!

[@lhithrck5232]

Hi bro can u please make some content about snowflake.

[@davidkane8794]

Tip; fonts that contain more than one name should be enclosed in quotes

[@lamirhoseinl]

awesome

[@LRL942]

I need stitching crochet symbols how it works?

[@ism8299]

3:59

[@komputerucun5277]

If people are not learning from you, then where are they learning from??????

[@DragonFukyal]

Thanks. Freggin web changes every two seconds, my google fonts screen is nothing like yours. F the web .i..

[@saloninayyar6613]

same dudeee, how did you copied the link tag??? from there then??

[@sashinthachatgpt]

bro its not work

[@lorenzocarr5784]

took me 2 hours to figure this out but you might have the slash facing the wrong way fonts
oboto.ttf > fonts/roboto.tff