10: How to Import New Fonts | Basics of CSS | Learn HTML and CSS | Learn HTML & CSS For Beginners

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

КОМЕНТАРІ • 357

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

    NEW UPDATED 2023 COURSE AVAILABLE! 🙂
    You can find it here: ua-cam.com/video/g15mF_XAOB8/v-deo.html&ab_channel=DaniKrossing

  • @riosjuanmanuelrios
    @riosjuanmanuelrios 5 років тому +11

    I love you man, you´re the only one that explains how to import the font from your computer instead of just copying the code from Google´s site.

  • @bernapas9020
    @bernapas9020 4 роки тому +160

    Finally a video that's straight to the point and well recorded, I love you no homo.

    • @CairoJoe
      @CairoJoe 4 роки тому +3

      couldnt agree more, spot on

    • @regisandre09
      @regisandre09 3 роки тому +12

      I agree in parts. It is a great videos, but I think you could just love the man without fear or being perceived as gay.

    • @cardio7432
      @cardio7432 3 роки тому +4

      @@regisandre09 insecurities 😂

  • @jaabrty
    @jaabrty 7 років тому +42

    Can’t wait for more tutorials. Please bro don’t stop again. Thanks a lot!!

  • @redlobsta1
    @redlobsta1 2 роки тому +25

    @2:57 - linking to a font that is hosted by google via url
    @6:50 - downloading a custom font file and including it in your project

    • @quixyy.
      @quixyy. 2 роки тому

      what software are you using for programming ?

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

      @@quixyy. vs code

    • @quixyy.
      @quixyy. 2 роки тому

      @@redlobsta1 but how is it so different

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

      @@quixyy. Because its actually Atom in the video

    • @quixyy.
      @quixyy. 2 роки тому

      @@OneBrokeBloke oh alr thanks mate

  • @ayen0449
    @ayen0449 3 роки тому +7

    you are just amazing as an instructor. clear, straight to the point, and most importantly, useful topics. THANKS, keep the good work up.

  • @AluWalaNaan
    @AluWalaNaan 4 роки тому +17

    THANK YOU SO MUCH YOU SAVED HOURS OF MY HEADACHE x'D

  • @yousseftijdit
    @yousseftijdit 4 роки тому +2

    Man ! you're a life savior ! I spent months looking for a way to import the fonts offline, and you're the only one who talked about it. You have a new subscriber

  • @michaeltownsend2199
    @michaeltownsend2199 5 років тому +5

    Best tutorials on HTML & CSS that I've come across. I very much like the way they are structured and your teaching style. Great work, much appreciated!

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

    Thanks alot buddy.️ I was searching this from last 2 days. And in less then 5 minutes you solved my prob. Thanks alot buddy

  • @nathaniel-web4493
    @nathaniel-web4493 4 роки тому

    Thanks man. This is the only straight video on google-fonts so far. Don't stop

  • @alvinrochafi6600
    @alvinrochafi6600 6 років тому +7

    Simple, to the point, easy to understand. You got new subscriber now :D

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

    I was pulling my hair out because I thought Firefox was showing my font when Chrome wasn't. It turned out I hadn't loaded the font correctly so Firefox I guess just picked another font close to it (which I liked better than the one I was trying to import) and Chrome just refused and gave me whatever the default is.

  • @surinfarmwest6645
    @surinfarmwest6645 7 років тому +3

    Daniel,
    very useful as I have to use Thai fonts, thank you very much.
    West

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

    Thank you so much... I was googling this for hours, and for some reason no matter what I tried, it wouldn't work. Nothing like a youtube video to show you I guess. You explained this perfectly, I appreciate it!

  • @Comfy.
    @Comfy. 2 роки тому

    Thanks man! I been trying to find this out for hours now! THANK YOU SO MUCH

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

    Couldn't be more thankful for this video!

  • @MyTopAnime
    @MyTopAnime 4 роки тому +11

    I recommend designing your website using a program such as Photoshop. Once you're done designing it, you can start creating it using HTML and CSS.

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

      Why use photoshop when you have programs specifically for this, such as Adobe XD or Axure RP?

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

      @@Finer_Details I have a lot of experience using Photoshop so it was the best option at the time. I still use Photoshop since it's just convenient. Personally, I don't really like Adobe XD, it seems too basic.

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

      I know I’m late but you should also try drawing it since it’s faster. It doesn’t have to be detailed it just has to be enough for you to know how it should look

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

      @@secretsilver8962 Yh, I drew a sketch beforehand to label out all the different div in the webpage, but good tip nonetheless

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

    Thank you ❤️

  • @gameofpsychology
    @gameofpsychology 4 роки тому +1

    Awesome , very helpful

  • @TJDOW
    @TJDOW 4 роки тому

    In love with you right now man. Thank you so much!!! Unbelievably helpful. Could not be happier with finding this video. For so long i thought i was supposed to just put font-family in my css, i never knew i was supposed to link a font or even how to do it. Thank you(x1000)!!

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

    Man! You are the best. After struggling to find ways for a rather simple thing, I ended up here (as usual) and problem solved in a few minutes. Thanks for your great work!

  • @blah9629
    @blah9629 6 років тому +2

    I usually would never modify my Fonts,, because i found it useless since I had fonts others didn't have and it wouldn't load for them. But this really helps! So thanks :D

  • @michaelesteves7653
    @michaelesteves7653 6 років тому

    I don't really write comments in youtube videos, but yours deserve this! Thank you so much for your patience in teaching all of these.

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

    You have helped so many life Dani, thanl you so much for your sharing!!

  • @tyekarson7146
    @tyekarson7146 5 років тому +1

    found your episodes easy to digest and explained extensively. Thank You Again!

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

    thanks, man you just helped me

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

    Awesome guide man. I was looking everywhere for a trusted place to get fonts from. Your video got me to the right place! thank you.

  • @ngocanhle2437
    @ngocanhle2437 6 років тому +2

    Your tutorials are easy to understand. Thanks very much. Hope you do more tutorials

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

    nice. Thank you so much.

  • @user-dk4cf4fv9l
    @user-dk4cf4fv9l 3 роки тому +1

    You are awesome
    you helped me a lot

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

    Thank you so much, i litteraly started shaking when it worked because i couldn't make it work before this Tutorial :D

  • @정세-c1v
    @정세-c1v 3 роки тому

    I've been programming for years and you always learn something new more than. nothing tips

  • @d.m.v.
    @d.m.v. 5 років тому

    My Teacher is itself not very good at HTL and gave us a task to "beautify" some texts. You just saved me! I will look forward watching you!

  • @mahamzahid2522
    @mahamzahid2522 4 роки тому +4

    I'm unable to import fonts from dafont.com. The syntax mentioned in the video won't work. Any help would be greatly appreciated.

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

    thank you so much you helped me a lot ♥

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

    thank you so much. REALLY thank you for your wonderful explanation. keep going.

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

    Thanks, man i really appreciate it, I was wondering how to import fonts until I cross up to this video, so thanks mate

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

    Thank you so much , for sharing second way ..!

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

    Found a new treasure in UA-cam today! Love your videos!

  • @auruds3592
    @auruds3592 4 роки тому

    Thanks, sir. For your sharing knowledge

  • @Gloxgaming_haider
    @Gloxgaming_haider 4 роки тому +1

    thank you very match

  • @xtrait2470
    @xtrait2470 4 роки тому +1

    Great explanation, I am recommending your channel to my friends.

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

    Was actually looking for the second way, great video

  • @JalalKhan-br3ld
    @JalalKhan-br3ld 5 років тому

    nice tutorial mate

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

    Thanks man ☺️

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

    Nice and straightforward. Thanks!

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

    I didn't know you need to make another folder XD, thanks for helping me

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

      You don't, but it helps organize things :)

  • @HermioneGrey
    @HermioneGrey 4 роки тому +1

    hello. i have a problem. when i go to google fonts there is no plus icon next to the fonts :/

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

    LIfesaver. Thank you man!

  • @ivans7
    @ivans7 5 років тому +6

    How can we use multiple fonts in CSS after downloading these ?

    • @BobbyBundlez
      @BobbyBundlez 5 років тому +1

      tags... tags... i assume all the shit he's been talking about?

  • @andriy2227
    @andriy2227 4 роки тому

    Your videos are the Best source of info!

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

    How would I add multiple font-face if I have downloaded a few?

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

    Thank a lot....It more helpful for a beginner

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

    Awesome! Thank you!

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

    Bro, you're a lifesaver

  • @eduardo.spencer
    @eduardo.spencer 4 роки тому

    Thank you man!! I found what i was looking for. GREAT VIDEO!!! Keep it up

  • @ahmedsellami1743
    @ahmedsellami1743 5 років тому

    Thank you . This is the best tutorials . These are better than paid tutorials

  • @KiklaChannel
    @KiklaChannel 5 років тому +1

    best educator in youtube many thanks keep the good work

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

    Thank you so much! That was exactly what I needed!

  • @dedicatedanna
    @dedicatedanna 4 роки тому

    This helps alot amidst my mental break down THANK YOU VERY MUCHHH

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

    This was really helpful, in an area that was confusing me. Thank you!

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

    @Dani thank you for this but the process specifically on Google fonts has changed

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

      My new video that I uploaded a week ago, shows how to do it today 🙂

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

      @@Dani_Krossing Perfect, thank you so much for this course! Excited to watch your JS stuff as well

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

    Thanks the video was super useful.

  • @SantiYounger
    @SantiYounger 4 роки тому

    thank you so much as always for your excellent videos!

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

    I love your videos. Thank you!

  • @i-love-maths
    @i-love-maths 3 роки тому

    IT WORKS THANK YOU SO MUCH.

  • @ajgreenman8368
    @ajgreenman8368 6 років тому

    I'm glad this guy actually gets right to the point

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

    Thank you for the video!

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

    Thank you so much for your video, I saved tons of time! Really helpful!

  • @aishwaryaratnam154
    @aishwaryaratnam154 6 років тому +1

    Thank you so so much.Your tutorial helped me a lot.Now it's been like am addicted to your playlist.

  • @moebakry3203
    @moebakry3203 6 років тому

    You are just amazing, easy effective way to learn.
    Many thanks can't give you what you deserve

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

    Thank you it is more help full

  • @ghazalahoo4740
    @ghazalahoo4740 4 роки тому

    Great great great 👍🏻 love your videos🌺

  • @ahmedhassan2365
    @ahmedhassan2365 5 років тому +1

    please continue the world need u :") many thanks

  • @mr.marius5094
    @mr.marius5094 5 років тому

    Very useful! thanks

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

    Very good explanation! Thank you! I just suscribed :D

  • @carloslanderos
    @carloslanderos 4 роки тому

    Very useful and concise. Thanks a lot!

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

    Thank you for this class

  • @edwinzambrano74
    @edwinzambrano74 4 роки тому

    Dani, you're great!! Gracias, man!!

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

    do you have a video explaining how to use the @import method?

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

    you could also import it directly into the style sheet

  • @ousaidanass1383
    @ousaidanass1383 4 роки тому +1

    When i select src didn't work on note pad++

  • @KS-bg3zd
    @KS-bg3zd 2 роки тому

    nice tuturial ,thanks.

  • @thenorthsoul
    @thenorthsoul 4 роки тому

    Thank for teach...

  • @cuteandfunnypets6527
    @cuteandfunnypets6527 4 роки тому

    Hay your video is a right to the point

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

    you are so amazing , thank you so much

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

    in the Desktop worked well but, for some reason the second method don't show the font for mobile

  • @duho3avr745
    @duho3avr745 6 років тому +1

    Hi, thx for great tutorials, what kind of OS are u use?

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

    This video is still helpful. Thanks.

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

    Thank you very much.

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

    method 2 (importing fonts from pc and not web) isn't working, it is showing "@font-face declaration doesn't follow the fontspring bulletproof syntax"

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

    keep the good work !!!!!

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

    OMG, you are a life saver =)

  • @roysmith6054
    @roysmith6054 4 роки тому

    Very helpful, thanks!

  • @dhruvrajsinhjadeja-vfxarti3085
    @dhruvrajsinhjadeja-vfxarti3085 2 роки тому

    Thank you very so much for this video sir :)

  • @ivanc8494
    @ivanc8494 4 роки тому

    Great Thanks !!!

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

    Your video is very informative and you explain everything very well! Great work!

  • @AboSara20205
    @AboSara20205 4 роки тому

    Thank you very much!!

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

    thanks , good content
    but what is the importance of adding the font-weight and font-style on the @font-face class ?
    it will work if you only use it to the element you want to apply the property if the element is h1 just only apply it only for the h1 element without speicifing it at the @font-face.