DEV Community: Mihir Kumar

15+ Best Resources for free fonts on the Internet

Mihir Kumar — Sun, 03 Apr 2022 05:13:30 +0000

Finding a good font to use for your project can be a real challenge. There are literally thousands of them out there, and some of them are pretty bad. If you have no idea where to start, I've done the hard work for you.

Google Font Google Fonts is a library of 1,394 open source font families and APIs for convenient use via CSS and Android. You'll find both serif and sans-serif fonts, but they're not limited to just those two types. You'll find fonts inspired by the classics, fonts with retro flair, and everything in between.
Fonts Squirrel FontSquirrel lets you search for fonts by keyword, so if you're looking for a good font for a logo, or for a specific project, you can simply type in the keywords and get results. You can also use the filters to show only decorative, sans serif, or script fonts. You can also search by designer and find out what other fonts they've created.
Fontshop FontShop is a place where you can find and download high-quality typefaces. We have more than 30,000 fonts from independent type designers from around the world.
1001 Free Fonts 1001 Free Fonts is the largest collection of free fonts on the internet. It contains fonts in all categories, such as sans-serif, serif, display, script, and blackletter.
Da Font Da Font is a website that offers free high-quality fonts for commercial use. The site has a large collection of fonts and is regularly updated with new additions.
Font Space Font Space is another site offering free high-quality fonts for commercial use. The site has a large collection of fonts and is regularly updated with new additions.
Fontfabric Fontfabric is a place where you can find and download high-quality typefaces. Founded in 2008 by Svet Simov in Sofia, Bulgaria.
Fonts 2U Fonts 2U is a site offering free high-quality fonts for commercial use. The site has a large collection of fonts and is regularly updated with new additions.
The League of movable fonts Calling itself the first, open-source font foundry, was launched in 2009 to help raise the design standards of the web.
Type Type Type Type is a site offering free high-quality fonts for commercial use. The site has a large collection of fonts and is regularly updated with new additions.
Open Foundry Open Foundry holds a rich, curated collection of open-source fonts you can download and use freely for personal or commercial use.
FontShare Fontshare is a free fonts service launched by the Indian Type Foundry (ITF). It’s a growing collection of professional-grade fonts that are 100% free for personal and commercial use.
Velvetyne The Velvetyne Type Foundry is a website that distributes hundreds of free and open-source typefaces.
Collletttivo Collletttivo is a site that designs and distributes free Open-Source typefaces. They have an expanding group of designers who work on type-based projects and occasionally release Open Source typefaces through the platform.
Lost Type Lost Type is the very first “Pay-What-You-Want” type foundry founded back in 2011. Whatever funds are collected go directly to the font’s respective designers.
Awwwards Awwwards generously put together a collection of free fonts from designers all around the web. Although not all are free for commercial use.
FreeDesignResources FreeDesignResources is a website where you can get anything you want for design for free.
Pixel Surplus Pixel Surplus is a resource website for creators where you can get resources for design for free and you can buy premium resources also.

Add SEO to you 11ty website

Mihir Kumar — Sun, 27 Mar 2022 16:50:22 +0000

Add Front Matter in all pages

---
title: "Page Title"
metatitle: "Page Meta Title"
metadescription: "Page Meta Description"
image: Image Address
---

Add Site Url in data

Make a site.json file in _data

{
"url": "https://yoursiteurl.com"
}

Primary Tags

Add these in your base.njk or your main njk in which you have added <head>

<title>{{ title }}</title>
<meta name="title" content="{{ metatitle }}">
<meta name="description" content="{{ metadescription }}">

Open Graph / Facebook

<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com{{page.url}}">
<meta property="og:title" content="{{ metatitle }}">
<meta property="og:description" content="{{ metadescription }}">
<meta property="og:image" content="{{ site.url + image }}">

If you want to automatically generate open graph images you can read this post .

Twitter

<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://example.com{{page.url}}">
<meta property="twitter:title" content="{{ metatitle }}">
<meta property="twitter:description" content="{{ metadescription }}">
<meta property="twitter:image" content="{{ site.url + image }}">

SiteMap

Make sitemap.njk in your root directory. It will automatically become sitemap.xml.

---
permalink: /sitemap.xml
eleventyExcludeFromCollections: true
---
<?xml version="1.0" encoding="utf-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    {% for page in collections.all %}
        <url>
            <loc>{{ site.url }}{{ page.url | url }}</loc>
            <lastmod>{{ page.date.toISOString() }}</lastmod>
        </url>
    {% endfor %}
</urlset>

Robots

Make robots.txt

Sitemap: https://www.yoursitename.com/sitemap.xml
User-agent: *
Disallow:

My Front-End Development Roadmap

Mihir Kumar — Tue, 22 Mar 2022 09:07:19 +0000

Learn

Practice

Jamstack

Before Learning React

After Learning React

I am learning React because I want to learn App Dev

Best Websites for inspiration

Mihir Kumar — Fri, 18 Mar 2022 17:39:42 +0000

Hello everyone,
I found some great websites to find inspiration for your next ui design

Best websites for illustration

Mihir Kumar — Sat, 26 Feb 2022 14:15:12 +0000

Hello everyone

I found some great websites where you can get nice illustrations for free