Mastering Fonts in Next.js: Local Fonts, Google Fonts, and Best Practices

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

КОМЕНТАРІ • 33

  • @RT-yg6ec
    @RT-yg6ec Рік тому +1

    thanks, the global font settings for google font was very useful! i struggled with that for hours

  • @muhammad-shahin
    @muhammad-shahin 7 місяців тому

    Was troubleshooting with next js fonts variable to use in CSS. You saved my time. Thanks a lot. Keep it up

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

    Can't wait for another fullstack build but with typescript. I needed this too. Subbed. Thanks 👍

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

      You’re welcome. Thanks!

  • @kamrant8915
    @kamrant8915 5 місяців тому

    Thank you for your great and comprehensive explanation.

    • @coderyan
      @coderyan  5 місяців тому

      You’re welcome

  • @dockerlead2572
    @dockerlead2572 Місяць тому

    Saved my day! Thanks a ton!

    • @coderyan
      @coderyan  Місяць тому

      You’re welcome!

  • @naveedalirehmani4135
    @naveedalirehmani4135 7 місяців тому +1

    Thank you for such an amazing video.

    • @coderyan
      @coderyan  7 місяців тому

      You’re welcome

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

    I'll try this out. Thanks man

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

      You’re welcome

  • @shubhankarvalimbe5286
    @shubhankarvalimbe5286 9 місяців тому +1

    Great content bro!

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

    Very beneficial 👌👌👌

  • @serispeaks
    @serispeaks 9 місяців тому

    Nice comprehensive tutorial. I f*ck with it 👍💯

  • @madjidsmail5684
    @madjidsmail5684 5 місяців тому

    thanks , you helped me :)

    • @coderyan
      @coderyan  5 місяців тому

      Happy to hear it

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

    thanks for your great content

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

    thanks you are life saver

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

      You’re welcome!

  • @Adjust91
    @Adjust91 8 місяців тому

    So I got this to work, but then how do I style that element that I've given ? by targetting .dancingScript ?

  • @yukiritosurada8392
    @yukiritosurada8392 8 місяців тому

    what is the purpose of display: swap?

  • @ibukunoluwadawodu1019
    @ibukunoluwadawodu1019 7 місяців тому

    How did he get the static font with that extension

  • @micatalyst
    @micatalyst 11 місяців тому

    how could i do it with scss? and is there a way to not make it so my all page change to those fonts unless i actually go there and use a font-family to change it? cause putting that into the body will change every text that is not styled with a font-family to that exact font

    • @micatalyst
      @micatalyst 11 місяців тому

      wait ok so if i change the .classname to .variable it doesn't aply globaly but only aplies it locally within the scope of the css that has that same variable. but still how could i change it to work with scss ? please

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

    for some reasons, when i set the variable fonts in side the classNames, it makes the component's font the name of the last font in the className list, i don't know if you get me

  • @angelofdeath2332
    @angelofdeath2332 8 місяців тому

    U look so much like Reece James man. what the heck!?

  • @anirudhachakrabarty2050
    @anirudhachakrabarty2050 11 місяців тому

    I didn't like the way fonts are used in next js... why shall we need to use classname={`${roboto.variable}`}... it's annoying to use fonts in every elements... fonts should be kept of css globally so that we can use them throughout the site... don't know whether I am wrong or not... but it's to much....