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’;

--

--

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