Siddharth Miglanisiddharthm.hashnode.dev·Aug 9, 2023Using Google Fonts with TailwindCSSWhen it comes to web design, typography plays a crucial role in conveying the right message and aesthetics. One way to elevate your website's typography is by integrating Google Fonts into your Tailwind CSS project. Google Fonts offers a wide variety...Discuss·37 readsTailwind CSS
Sami Mejriblog.smejri.link·May 30, 2023AWS CloudFront and Content Security Policy (CSP)I was working on a static web page served via an AWS CloudFront Distribution and I had a Content Security Policy issue that took me a couple of hours to solve... I hope you stumble upon this article and it saves you some valuable time. The Solution L...Discuss·1 likeCloudAWS
Vincent Tsenvtsen.hashnode.dev·Mar 10, 2023How to Implement Custom Fonts using Downloadable Google Fonts?Roboto is the default font used by Material 3. However, we often want to change it for our app. Instead of manually copying the font asset, you can now download the Google font asynchronously and use them in your Jetpack Compose app. This is a quick ...Discuss·2 likes·445 readsAndroid App Devandroid app development
Vimal Negitechkid.hashnode.dev·Feb 18, 2023Import fonts from Google...Fonts are very useful in increasing user experience on a web page. They make our web page look more attractive...Fonts present by default are not that much attractive so we can solve this problem by using google Fonts...Google provides more than 1500...Discussfonts
Joschininja-army.hashnode.dev·Dec 31, 2022Using fonts in tailwindUsing fonts in tailwind can be tricky. You wanna add your fonts from local files and include them in your projects? Let's take a look at how this works in a Nuxt.js project! Nuxt assets If you're familiar with Nuxt.js you should know the directory st...Discuss·7 likes·64 readsTailwind CSS
Kevin Eulenbergblog.plusquam.studio·Oct 13, 2022How to Self-Host Google Fonts on your own WordPress Website, in 2022Following a decision by the Munich Regional Court (in Germany) in 2022, website operators with embedded Google Fonts are increasingly receiving warnings and fines. This is because embedding dynamic web content such as Google Fonts from US web service...Discuss·123 readsadmonitions
Dhairya Shahh.dhairyashah.dev·Aug 13, 2022How to use Google Fonts with Tailwind CSSWe usually use Google Fonts with Vanilla CSS, but can you use them with Tailwind CSS as well? You certainly can. I'll show you how to use custom Google Fonts with Tailwind CSS in this article. Visit Google Fonts and choose your favorite font, Import...Discuss·99 readsTailwind CSS
Cheryl Mcherylm.hashnode.dev·Aug 12, 2022Using Google Fonts with Next.js (typescript)To add a google font to an Next.js application, create a Custom Document ( _document.tsx in the pages folder), and copy from google fonts // pages/_document.tsx import Document, { DocumentContext, DocumentInitialProps, Html, Head, ...Discuss·36 readsTypeScript
Mercy Ikpemercyikpe.hashnode.dev·Jul 2, 2022Managing custom font families using Tailwind CSSSome fonts are generic like Times New Roman and sans-serif. These fonts do not need to be defined in a project because they are available on all Operating systems (OS). They are some fonts that are available on a particular OS but are not available o...Discuss·172 readsgoogle fonts
Ronny Shanitech-insights.hashnode.dev·Jun 27, 2022The Court Says, Don’t Use Google FontsAt the end of January this year, a regional court in Munich, Germany, ordered an unidentified website operator to pay a €100 fine for violating the plaintiff’s right to privacy by sharing their IP address with Google via the company’s Fonts API. The ...Discuss·1 likeTutorial
