“How to use .OTF (or other desktop) fonts to your website?”

If you would like to use your desktop fonts to your website, do this!

CSS

1. Select and place fonts to the server.
2. Copy and paste codes below to your stylesheet.
3. Replace font-family: ‘FONT1‘ on both @font-face and p with your own font name.
4. You may change normal to bold if necessary.

@font-face {
	font-family: 'FONT1';
	src: url("../fonts/YOUR-FONT-LOCATION.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
p { 
	font-family: 'FONT1', sans-serif; 
}