New Question
 
 
PRTG Network Monitor

Intuitive to Use.
Easy to manage.

200.000 administrators have chosen PRTG to monitor their network. Find out how you can reduce cost, increase QoS and ease planning, as well.

Free PRTG
Download >>

 

What is this?

This knowledgebase contains questions and answers about PRTG Network Monitor and network monitoring in general. You are invited to get involved by asking and answering questions!

Learn more

 

Top Tags


View all Tags


How Can I Make Different Fonts Load in PRTG?

Votes:

0

Your Vote:

Up

Down

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 by  dklatt (60) 1 1



Best Answer

Accepted Answer

Votes:

1

Your Vote:

Up

Down

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 by  dklatt (60) 1 1



5 Replies

Votes:

0

Your Vote:

Up

Down

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

Your Vote:

Up

Down

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 by  dklatt (60) 1 1



Votes:

0

Your Vote:

Up

Down

And it works for you now comepletely? :)

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



Votes:

0

Your Vote:

Up

Down

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 by  dklatt (60) 1 1



Votes:

0

Your Vote:

Up

Down

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]



Please log in or register to enter your reply.


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.