Using Fonts in Next.js (Google Fonts, Local Fonts, Tailwind CSS)

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

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

  • @xlencecohort3.0
    @xlencecohort3.0 Месяц назад +1

    thank you so much, and there's chatGPT still suggesting to import url() method

  • @stevenlim7807
    @stevenlim7807 Месяц назад

    hi! This video is great! is there a way for me to see which google fonts are available through nextjs vs. which ones I would need to download and import myself?

    • @TuomoKankaanpaa
      @TuomoKankaanpaa  Месяц назад

      Glad you liked it! I am afraid there isn't a comprehensive list of the fonts that are supported. So what I would recommend doing at the moment is just browsing google fonts site and when you find a font you like, try importing it from next/font/google and see if it works. I know this isn't ideal way but that's the best way I know so far.

  • @lycan2494
    @lycan2494 15 дней назад

    how to use the different font weights???? like font -[fontName]-weight. doesn't work for me

  • @alexdin1565
    @alexdin1565 Месяц назад

    please can you make videos about payload cms with nextjs?

    • @TuomoKankaanpaa
      @TuomoKankaanpaa  Месяц назад +1

      Im planning for creating content around nextjs and some headless cms! Any specific topics / tutorials regarding those that you’d like to see?

  • @afzalnomani7561
    @afzalnomani7561 15 дней назад

    What if font is hosted somewhere else e.g s3, cloud front

    • @TuomoKankaanpaa
      @TuomoKankaanpaa  13 дней назад

      It shouldnt be a problem, the fonts are downloaded in build time!