How to Add Custom Google Fonts in Tailwind CSS
Suboptimal Engineer
== [ Description ] == In this video, we go over how to add custom fonts to your Tailwind CSS project. First, we add the Google font links to our index HTML file, then we update the Tailwind config file to reflect those changes and finally we add the CSS styles to the app.
== [ Socials ] == Twitter ▶ https://twitter.com/SuboptimalEng Github ▶ https://github.com/SuboptimalEng YouTube ▶ https://youtube.com/SuboptimalEng Website ▶ https://suboptimaleng.com
== [ Resources] == Google Fonts: https://fonts.google.com/?query=cursive GitHub Discussion: https://github.com/tailwindlabs/tailwindcss/discussions/2060 React + Tailwind Setup Guide: https://tailwindcss.com/docs/guides/create-react-app
== [ Timestamps ] == 00:00 Intro 00:40 Link Google Font in Index File 01:39 Update Tailwind CSS Config 03:37 Add Default Font 04:23 Startup Updates
== [ Tags ] == #suboptimal #reactjs #tailwindcss
99563566 Bytes