Carolcodecarol.hashnode.dev·Jan 18, 2025Which is the best way to apply Google Fonts in your web applications?HTML <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Font"> The most easy and basic approach is using the HTML link tag. When using this method, you get the advantages of simple implementation and letting Google handle th...1 likeWeb Development
Samir Shumanblog.devmansam.net·Jan 12, 2025How to Fill Text with Gradients and Images (It's Easier Than You Think!)Remember learning about linear-gradients and background-images in CSS? Pretty basic stuff, right? But here's a question: did you know you can apply these same properties to actual text? I've created a collection of eye-catching typography to share wi...11 likes·291 readstext gradient
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...62 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·132 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·513 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·49 readsTailwind CSS