What is this?

This knowledgebase contains questions and answers about PRTG Network Monitor and network monitoring in general.

Learn more

PRTG Network Monitor

Intuitive to Use. Easy to manage.
More than 500,000 users rely on Paessler PRTG every day. Find out how you can reduce cost, increase QoS and ease planning, as well.

Free Download

Top Tags


View all Tags

How Can I Make Different Fonts Load in PRTG?

Votes:

0

I want to add FontAwesome as a font in PRTG. I have updated the custom_styles.css as well as the htmlheader.htm to include the applicable stylesheets and links to the fonts. I consistently get a 404 on the files after confirming that they are there. Is the web server that powers PRTG blocking certain filetypes?

It seems to only fail on WOFF, WOFF2 and TTF filetypes. The EOT, SVG and OTF filetypes load fine and are located in the same directory.

css html prtg text

Created on Aug 12, 2015 10:15:53 PM



Best Answer

Accepted Answer

Votes:

1

I am including the font-awesome.css in the htmlheader.htm. The stylesheet then references the fonts that I have put in /css/fonts (new folder). They were returning HTTP 404 errors. It turns out it was blocking by file extension on mine, and as soon as I renamed them to font.woff.css and then declared the format in the CSS it worked for me. It appears this was a webserver error rather than a CSS error.

Created on Aug 14, 2015 2:11:35 PM



5 Replies

Votes:

0

Where do you try to use them actually? Just pasted 

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(http://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(http://fonts.gstatic.com/s/raleway/v9/1ImRNPx4870-D9a1EBUdPPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Heavy'), local('Raleway-Heavy'), url(http://fonts.gstatic.com/s/raleway/v9/PKCRbVvRfd5n7BTjtGiFZPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

*{font-family: "Raleway" !important; }

...this into my styles_custom.css and it works seemlessly :)

Created on Aug 14, 2015 8:41:47 AM by Stephan Linke [Paessler Support]



Accepted Answer

Votes:

1

I am including the font-awesome.css in the htmlheader.htm. The stylesheet then references the fonts that I have put in /css/fonts (new folder). They were returning HTTP 404 errors. It turns out it was blocking by file extension on mine, and as soon as I renamed them to font.woff.css and then declared the format in the CSS it worked for me. It appears this was a webserver error rather than a CSS error.

Created on Aug 14, 2015 2:11:35 PM



Votes:

0

And it works for you now comepletely? :)

Created on Aug 14, 2015 2:46:19 PM by Stephan Linke [Paessler Support]



Votes:

0

It sure does. All content types are working as expected. Thankfully the server doesn't filter on MIME type ;)

Created on Aug 14, 2015 2:47:45 PM



Votes:

0

Hehe, well done :) I'll mark your reply as best answer ;)

Created on Aug 14, 2015 7:29:25 PM by Stephan Linke [Paessler Support]




Disclaimer: The information in the Paessler Knowledge Base comes without warranty of any kind. Use at your own risk. Before applying any instructions please exercise proper system administrator housekeeping. You must make sure that a proper backup of all your data is available.