CSS

Define Or Attach Font Face In HTML CSS Web Page

/* Generated by AminArjmand */
@font-face {
  font-family: Vazirmatn;
  src: 
		url('fonts/vazir/Vazirmatn-Regular.ttf') format('truetype'),
		url('fonts/vazir/Vazirmatn-Regular.woff') format('woff'),
		url('fonts/vazir/Vazirmatn-Regular.woff2') format('woff2');
		url('fonts/vazir/Vazirmatn-Regular.eot') format('eot');
		url('fonts/vazir/Vazirmatn-Regular.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*,html,body{
	font-family: Vazirmatn;
}

Using @font-face to add a custom font CSS

/*set the font name and the url path*/
@font-face {
  font-family: customFontName;
  src: url(path/to/font/sansation_light.woff);
}

/*add the new font to an element or class, etc*/
p {
 font-family: customFontName; 
}

.myClass{
  font-family: customFontName;
}