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

Поделиться
HTML-код
  • Опубликовано: 1 дек 2024

Комментарии • 33

  • @dockerlead2572
    @dockerlead2572 2 месяца назад

    Saved my day! Thanks a ton!

    • @coderyan
      @coderyan  2 месяца назад

      You’re welcome!

  • @naveedalirehmani4135
    @naveedalirehmani4135 8 месяцев назад +1

    Thank you for such an amazing video.

    • @coderyan
      @coderyan  8 месяцев назад

      You’re welcome

  • @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

  • @kamrant8915
    @kamrant8915 6 месяцев назад

    Thank you for your great and comprehensive explanation.

    • @coderyan
      @coderyan  6 месяцев назад

      You’re welcome

  • @shubhankarvalimbe5286
    @shubhankarvalimbe5286 10 месяцев назад +1

    Great content bro!

    • @coderyan
      @coderyan  10 месяцев назад

      Thank you!

  • @RT-yg6ec
    @RT-yg6ec Год назад +1

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

  • @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!

  • @WDTAT
    @WDTAT 4 месяца назад

    I'll try this out. Thanks man

    • @coderyan
      @coderyan  4 месяца назад

      You’re welcome

  • @madjidsmail5684
    @madjidsmail5684 6 месяцев назад

    thanks , you helped me :)

    • @coderyan
      @coderyan  6 месяцев назад

      Happy to hear it

  • @ammarhaidar5995
    @ammarhaidar5995 Год назад +1

    Very beneficial 👌👌👌

  • @serispeaks
    @serispeaks 9 месяцев назад

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

  • @tseringlama2146
    @tseringlama2146 Год назад +1

    thanks for your great content

  • @rafshanulhoquesiam4639
    @rafshanulhoquesiam4639 11 месяцев назад

    thanks you are life saver

    • @coderyan
      @coderyan  11 месяцев назад

      You’re welcome!

  • @Adjust91
    @Adjust91 9 месяцев назад

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

  • @ibukunoluwadawodu1019
    @ibukunoluwadawodu1019 8 месяцев назад

    How did he get the static font with that extension

  • @micatalyst
    @micatalyst Год назад

    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 Год назад

      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

  • @yukiritosurada8392
    @yukiritosurada8392 8 месяцев назад

    what is the purpose of display: swap?

  • @angelofdeath2332
    @angelofdeath2332 9 месяцев назад

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

  • @anirudhachakrabarty2050
    @anirudhachakrabarty2050 Год назад

    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....