@font-face {
  font-family: 'Name';
  font-style: normal;
  font-weight: 400;
  src: local('Name Regular'), local('Name-Italic'),
       url('fonts/Name-Regular.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/Name-Regular.ttf') format('ttf'); /* Safari, IOS */
}

html { 
   font-size: 1px;/*for using REM units*/
}

body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   font-size: 16rem;
   font-weight: 400;
   line-height: 1.3;
}