Next.js w/ Tailwind CSS - Adding Custom Fonts ✍️
In this video I'll show you how to easily add local custom fonts to a Next.js Tailwind CSS web application.
Would you like to virtually invite me for an Italian Espresso Coffee?! ☕
Buy me a Coffee ? https://www.buymeacoffee.com/theItalianDev
It's too easy to use the default preconfigured utility classes fonts already provided by the Tailwind CSS Theme. But what happens if you want to customize more your web design and use your favourite custom fonts?
Take a comfort seat, I will show how to extend the default Tailwind CSS Theme and add your chosen font into a Next.js app in less that 8 minutes ?
Useful resources
➡https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss
➡ https://tailwindcss.com/docs/theme
➡ https://tailwindcss.com/docs/theme
➡ https://fonts.google.com/specimen/Pacifico
➡ https://www.onlinewebfonts.com/woff2-converter
Chapters
00:00 intro
00:37 create-next-app --example with-tailwindcss
02:00 Pacifico from Google Fonts and woff2 font conversion
03:56 Add Pacifico font to Tailwind CSS
06:14 Conclusion
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Next.js w/ Tailwind CSS - Adding Custom Fonts ✍️», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.