First and foremost: any font name that has a space should be enclosed in either single quotes
' or double quotes
" in CSS.
Be aware that a font you use this way in CSS will depend on the end user having exactly that font installed on their device. Unless you embed the font into the site using a technique like
@font-face, end users without the correct font file will see their browser's default font.
For this reason, it is wise to add fallback fonts in order of preference. This is called a font stack:
font-family: 'AdellePE Bold', Georgia, 'Times New Roman', serif;
The browser will display the first named font that it can find on the user's machine to display. Font stacking is wise even when you use
@font-face, to be prepared for the times that a browser or device doesn't support it.
An important caveat worth mentioning is that embedding the font file in the way that the
@font-face technique requires, exposes it to free downloading—essentially having you re-publish the font. While it is possible to convert your font file into
@font-file ready formats, it is very well possible that your font license does not allow you to republish in this way. Check your license.