The font chosen may not be noticeable, but without it there would be one raisin, giving the website design is perfection.

There are 2 ways to add custom font to website:

For second variant first of all we need to convert current .ttf font, to others format. For this i usually use this service – https://www.web-font-generator.com/ . Just upload .ttf font, and get others. In html file you can use them from this constructure –

1
2
3
4
5
6
7
8
9
IF use sass:
@include font-face("RobotoRegular", "../fonts/RobotoRegular/RobotoRegular", $file-formats: eot woff ttf svg);
 
If use css:
@font-face{font-family:RobotoRegular;font-style:normal;font-weight:400;
src:url(../fonts/RobotoRegular/RobotoRegular.eot?#iefix) format("embedded-opentype"),
url(../fonts/RobotoRegular/RobotoRegular.woff) format("woff"),
url(../fonts/RobotoRegular/RobotoRegular.ttf) format("truetype"),
url(../fonts/RobotoRegular/RobotoRegular.svg#RobotoRegular) format("svg")}