Using FontShare — a free collection of professional grade fonts

  • Go to FontShare.com
  • Select a font you like (customization available) and then “Click to view Family
  • Click on “Download Family”, extract it and open the “WEB” directory
  • Copy the “fonts” folder and paste it into your web project
  • Enter “css” folder, copy your font-name.css and paste it in your web project
  • In your stylesheet, import it using @import url(‘font-name.css’); followed by the font families that you would like
@import url('ranade.css');//The following font-family are available for usage with @font-face//Example@font-face {
font-family: ‘Ranade-Variable’;
}font-family: ‘Ranade-Variable’;
font-family: ‘Ranade-VariableItalic’;
font-family: ‘Ranade-Thin’;
font-family: ‘Ranade-ThinItalic’;
font-family: ‘Ranade-Light’;
font-family: ‘Ranade-LightItalic’;
font-family: ‘Ranade-Regular’;
font-family: ‘Ranade-Italic’;
font-family: ‘Ranade-Medium’;
font-family: ‘Ranade-MediumItalic’;
font-family: ‘Ranade-Bold’;
font-family: ‘Ranade-BoldItalic’;

--

--

--

Backend developer from Berlin, building https://arbeitnow.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Product development, perfected in the crystal ball

Berkeley Code Camp and Hack the Hood: Making it happen

Finding a Niche in Social Media

Navigating Architecture School : Part 1

Betterticket Platform Update #2 — The bridge between Web2 and Web3 events

UX redesign doesn’t need to have massive changes

Intro to C3 AI design blog series

Some Practical Guidelines For Deciding Upon Major Aspects Of Roofing In Florida

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Adithya

Adithya

Backend developer from Berlin, building https://arbeitnow.com/

More from Medium

A Brief Intro to CSS Functions

What The Heck is CSS Specificity?

Confusing topics from CSS

CSS Specificity