Mustafa Coskuncelebimusco.hashnode.dev·Sep 14, 2024Solving Stylesheet Loading Problems in React ProjectsWhy Stylesheets Fail to Load in React Introduction In modern web development, stylesheets are essential for ensuring that websites are both visually appealing and functional. Specifically, in React projects, developers can often run into issues while...1 like·41 readsReact
Vinay Cai4all.hashnode.dev·Sep 8, 2024Seamlessly Integrate Google Fonts into Your React Vite TailwindCSS Shadcn ProjectIf you're building a project using React, Vite, TailwindCSS, and Shadcn UI, you might want to use a custom Google font to enhance your UI. This guide will walk you through how to incorporate Google Fonts, such as "Inter", into your project. Sample G...Awesome Frontendgoogle fonts
himanshugopalkdwivedi.hashnode.dev·Nov 8, 2023How to brings fonts in your html document (lt.14)Generally, we bring fonts in our html documents using google fonts. In this lecture, i will show you step-by-step bringing of fonts. Open Google Fonts:https://fonts.google.com/ Now select the font which you want to use , inside it you will see the ...11 likesFrontend Development
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...57 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...1 like·114 readsCloudAWS
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 ...2 likes·494 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...30 readsfonts
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...7 likes·46 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...97 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...101 readsTailwind CSS