how to install new font to a html website

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

5 thoughts on “how to install new font to a html website”

  1. Thank you for the auspicious writeup. It in fact was a amusement account it. Look advanced to more added agreeable from you! However, how can we communicate?

  2. I’ve been having issues with my Windows hosting. It has set me back quite a bit while making the next list. This is the current list that I have. I should add another list in less than a week. I’ll let you all know when the next list is ready. Thank you for your patience.

Leave a Reply

Your email address will not be published. Required fields are marked *