Add Custom Fonts to Your Websites Using Google Fonts - HTML & CSS Tutorial

Поділитися
Вставка
  • Опубліковано 19 вер 2024

КОМЕНТАРІ • 102

  • @mannyc6103
    @mannyc6103 2 роки тому +12

    Super useful! I’m currently making a project webpage to show employers in the near future and honestly this helped out a lot, keep it. 👍

  • @BrinleyBlogette
    @BrinleyBlogette 10 місяців тому

    Straight forward and to the point! no back and forth, no wasting people's time friggen around with "possibilities," just exactly what the viewer searched for. Thank you! New sub :)

  • @willhelliwell
    @willhelliwell Рік тому +2

    Simple and clear. Thanks for this! Have just enabled the Karla font on my entire site and it looks so much more professional now.

  • @francomelamed2501
    @francomelamed2501 2 роки тому +1

    Hi bro, thanks a lot, I am having an exam tomorrow about Visual Studio & CSS, and this was very helpful! greetings from Argentina!!

  • @adriosmani8797
    @adriosmani8797 Рік тому +1

    Thanks! this was very helpful!

  • @ThomasKing-iz7vh
    @ThomasKing-iz7vh Рік тому

    Just wanted to say thank you, had been working on a project for awhile, and font's made it look 100% better.

  • @harshrajatul910
    @harshrajatul910 Рік тому +1

    Thanks for the help, I was always downloading the font and installing it but you told the actual way!!!
    Thanks again...😁

  • @sophiaonyoutube
    @sophiaonyoutube Рік тому

    thank you for including the detail about font weights!

  • @brianlanes4298
    @brianlanes4298 3 роки тому +1

    Thanks for the video, i been looking for a tutorial for google fonts for a long time. Thanks again.

  • @くま-r8t4v
    @くま-r8t4v Рік тому

    this helped me so much! thank you so much

  • @nataliewalsh9392
    @nataliewalsh9392 3 роки тому +2

    Thanks Dom, it was extremely helpful.

  • @kittycase4536
    @kittycase4536 Рік тому

    You made this so simple! Thank you so much! Because of you, me, my ADHD and I got a little work done today!

  • @aaronmoroney2066
    @aaronmoroney2066 2 роки тому

    Thanks mate. Really helpful tutorials! I now type "how to (problem) dcode" into my yt search bar ;)

  • @rohankumawat2870
    @rohankumawat2870 2 роки тому

    i searched a lot... but finally i did it. thank you

  • @samueltribe2070
    @samueltribe2070 3 роки тому +2

    This was really helpful, thanks!

  • @ludame
    @ludame Рік тому

    Thank you, as a CSS noob this really helped =)

  • @suyash.01
    @suyash.01 3 роки тому +1

    Straight and to the point. thanks.

  • @SachinDeshpande5193
    @SachinDeshpande5193 Рік тому

    This really helped. Thank you.

  • @nmg
    @nmg 2 роки тому

    You're a life saver my friend. Big up.

  • @cristofer232010
    @cristofer232010 2 роки тому

    This helped! Thanks man, you're the best !

  • @aminsec
    @aminsec 2 роки тому

    Thankyou dude! easy to understand

  • @hydraclue6414
    @hydraclue6414 2 роки тому

    Thank you so much it was very helpful.

  • @florisle329
    @florisle329 2 роки тому

    Thank You very much!

  • @nickbitsadze871
    @nickbitsadze871 2 роки тому

    Wow. You described just perfectly.

  • @imaymen
    @imaymen 2 роки тому

    Thank a lot bro

  • @noelthakur
    @noelthakur 2 роки тому

    Thank you so much! You really helped me!

    • @dcode-software
      @dcode-software  2 роки тому

      Glad to hear I helped you out, you're welcome 😎

  • @soulforthekindheart3766
    @soulforthekindheart3766 2 роки тому

    very helpful , straight to the point.

  • @thokozanidetermbatha4008
    @thokozanidetermbatha4008 Рік тому

    You're a star

  • @med3060
    @med3060 3 роки тому

    lucid, thank you so much mate !

  • @NewJerseyTico
    @NewJerseyTico Рік тому

    Thank you amigo!

  • @keifer7813
    @keifer7813 2 роки тому

    I learned something new, thanks! Quick question: How will the browser know when to use the italic version of the font?

  • @siddharthverma692
    @siddharthverma692 Рік тому

    loved it!!

  • @thomasduthie
    @thomasduthie 10 місяців тому

    Thank you!

  • @maharun
    @maharun Рік тому

    Thank you so much.

  • @sevestiansays9699
    @sevestiansays9699 2 роки тому

    Thanks a lot dude!!

  • @sidharthrunwal6833
    @sidharthrunwal6833 2 роки тому

    great video! thanks

  • @thedigitaltourist676
    @thedigitaltourist676 2 роки тому

    Thank you so so so so so so so so much

  • @miang7758
    @miang7758 Рік тому

    thanks and love u brother

  • @patriciocorvalan1298
    @patriciocorvalan1298 2 роки тому

    Thanks man!

  • @tamheed7398
    @tamheed7398 2 роки тому

    Thanks

  • @andrewprosd3472
    @andrewprosd3472 2 роки тому

    thanks for the handy tip!

  • @samuelo.francis5964
    @samuelo.francis5964 Рік тому

    Thank you.

  • @mahanteshbadiger1642
    @mahanteshbadiger1642 2 роки тому

    Thank you

  • @311zavod
    @311zavod 2 роки тому

    Thanks! You helped a lot!
    By the way, what's the font you're using on VS Code?

    • @dcode-software
      @dcode-software  2 роки тому

      You're very welcome! The font is called Roboto Mono.

  • @muhammadhafizh4943
    @muhammadhafizh4943 3 роки тому

    thankyou so much sir!

  • @mellowsan6164
    @mellowsan6164 2 роки тому

    thanks brother

  • @merlingrace6850
    @merlingrace6850 Рік тому

    Very informative💖💖😇

  • @mehmetaltinsoy525
    @mehmetaltinsoy525 2 роки тому

    Thanks Dom.

  • @emotions........2222
    @emotions........2222 3 роки тому

    Thank you so much bro

  • @adheeshsood6306
    @adheeshsood6306 2 роки тому

    Hey which theme is that? that looks really nice

  • @vivekanandsahoo5181
    @vivekanandsahoo5181 3 роки тому

    thanks a lot, buddy.

  • @noorulainrana124
    @noorulainrana124 Рік тому

    thanks

  • @Famas_v7
    @Famas_v7 3 роки тому

    thanks good vid

  • @bellkelly4517
    @bellkelly4517 Рік тому

    May I know why I followed exactly what you did but "nothing happens " ? I put the links in my chatbot. Thanks

  • @prathameshjadhav1104
    @prathameshjadhav1104 2 роки тому

    thank u

  • @rudrapratap873
    @rudrapratap873 2 роки тому

    Thanku bro

  • @OmPrakash-ot3nr
    @OmPrakash-ot3nr 3 роки тому

    Thanks !!!!

  • @rangabharath4253
    @rangabharath4253 3 роки тому

    Awesome 👍

  • @mariqkovacheva1358
    @mariqkovacheva1358 Рік тому

    And how tf do u get to that black background part to program these fonts

  • @penguin3427
    @penguin3427 2 роки тому

    good vid

  • @khokho6827
    @khokho6827 2 роки тому

    So We use impor for CSS files, and Link for HTML files, right?

  • @KoenigOne
    @KoenigOne Рік тому

    something is wrong and I dont even get it, google is giving me the exact same link and font family for every font on the webpage, whenever I copy a font link i notice that its exactly the same link as the other fonts

  • @seddeknadhem5638
    @seddeknadhem5638 2 роки тому

    When i took the link and paste it on my HTML it worked... but when i tried to make it use @import url () in CSS it didn't work and showed me that there're three errors!

  • @bruhmoment3731
    @bruhmoment3731 2 роки тому

    4:19 what if i don't want my h1 to be bold? what if i want my paragraph to be bold?

  • @meetdesani5241
    @meetdesani5241 Рік тому

    helpful

  • @yxsh10
    @yxsh10 3 місяці тому

    WHY DONT I HAVE SELECT THIS STYLE OPTION :((((((((((((((

  • @HyperBassYT
    @HyperBassYT 2 роки тому

    It didn't work I don't see my font changing :(

  • @MrRayinsf
    @MrRayinsf 3 роки тому

    What if you want the paragraph bold and the heading not bold?

    • @sphinxz_gaming
      @sphinxz_gaming 2 роки тому

      what do you mean? you mean the paragraph make bold but the head is for the website it links to your main body css

  • @XeiDaMoKaFE
    @XeiDaMoKaFE 2 роки тому

    how do i upload my own custom font online to use like this ?

  • @robertbutcher222
    @robertbutcher222 3 роки тому +5

    is there a way I can add all the styles of a font at once, without having to click "add" X number of times?

    • @Thomas-vd7ez
      @Thomas-vd7ez 2 роки тому +1

      exactly what I wanted to know!

  • @arashvincent8519
    @arashvincent8519 2 роки тому

    you did not explain import method

  • @LaughDimension
    @LaughDimension Рік тому

    didnt work for me

  • @eagle_jsj
    @eagle_jsj 3 роки тому

    Yeah but for example, how do I incorporate Semi-bold 600 italic into my body and Regular 900 into h1, h2, ??
    Thats the broth of the soup.

    • @dcode-software
      @dcode-software  3 роки тому

      Hey, you can use a semi-bold 600 in your BODY tag, then use regular 900 in your H1, H2 (in your CSS)

    • @anvitpatel1295
      @anvitpatel1295 Рік тому

      If you get that answer please let me know, I am struggling hard for that. and dcode's reply isnt that helpful

  • @stefandeclerk
    @stefandeclerk 2 роки тому

    Can't you just import the entire font family?

  • @dagmawiberhane5398
    @dagmawiberhane5398 Рік тому

    Off topic, did you say your name was DUMB?

  • @drcowan3468
    @drcowan3468 2 роки тому

    No. You're going to piss users off. Google fonts sites have connectivity
    issues on a regular basis(regardless of how Google lies about this
    fact) and when this happens, the page(s) with Google fonts will hang for
    your potential users/customers. You've been forewarned.

  • @onikatanyamirajpetty3818
    @onikatanyamirajpetty3818 Рік тому +1

    Helpful, but this didn't really show how to use with a .css file. My professor is requiring I use @import and I really don't know how to use it lmao

    • @abodieqwerty4678
      @abodieqwerty4678 Рік тому

      at 3:34 click on @import

    • @onikatanyamirajpetty3818
      @onikatanyamirajpetty3818 Рік тому

      @@abodieqwerty4678I figured it out once I got to that point, it just confused me at first. Regardless, thank you.

    • @abodieqwerty4678
      @abodieqwerty4678 Рік тому

      @@onikatanyamirajpetty3818 makes sense, you're welcome

  • @tututu4220
    @tututu4220 Рік тому

    why you're takin so much time, but not letting us know immediately a simple damn method, bro?
    Skip to 2:45

  • @thengakola6217
    @thengakola6217 3 роки тому

    feels a little..... slow

  • @darybertocanseco9322
    @darybertocanseco9322 3 роки тому

    .

  • @eliolio904
    @eliolio904 Рік тому

    time waster gfys

  • @vishalmeghwal4470
    @vishalmeghwal4470 2 роки тому

    I'm sorry but I heard My name is dumb

  • @codewithmarley
    @codewithmarley 2 роки тому

    Dumb????? Is that your name?!?!?

  • @__jake.m
    @__jake.m 2 роки тому

    Thank you!

  • @ibrahemnjr9924
    @ibrahemnjr9924 2 роки тому

    Thanks

  • @patriciama868
    @patriciama868 2 роки тому

    Thank you