To install new font to a html website you have to do below steps
1) Download font files from font site or you can search in google font https://fonts.google.com/
2) Upload the downloade .ttf to your server fonts directory
3) define as below with uploaded ttf file full path
Define like below on the top of the css file
@font-face {
font-family: ‘Din-light-font’;
src: local(‘Din-light’),
url(‘urdomain com/fonts/ufonts.com_din-light.ttf’);
}
Then you can use anywere like below
p
{
font-size:18px;
font-family: ‘Din-light’;
}