XF 1.1 Trouble Customizing UserName(Staff) fonts

[JayCam]

We have the "Chiller" font added to the site for our admins screen names. However if others do not have the "Chiller" font downloaded on their computer they are only seeing it in Times New Roman(Which looks awful). Is there a way to set it for all members to see these custom fonts? Thank you in advance for your help. Any additional help I will be happy to give. Thanks!

 

[JayCam]

The red usernames is how it SHOULD look. It only looks this way for me because I have the font installed on my computer. Everyone else sees an even LARGER TNR font.

 

[digitalpoint]

If it's that important to you, you shouldn't rely on the font being installed on the user's computer... Rather use a font that the user downloads as part of the CSS. For example one of Google's web fonts...

http://www.google.com/fonts

For example, maybe the Indie Flower font?

http://www.google.com/fonts/specimen/Indie+Flower

 

[JayCam]

If it's that important to you, you shouldn't rely on the font being installed on the user's computer... Rather use a font that the user downloads as part of the CSS. For example one of Google's web fonts...

http://www.google.com/fonts

For example, maybe the Indie Flower font?

http://www.google.com/fonts/specimen/Indie Flower

Would this require me to have all of my members to go here and download it? Or are these just common so they show up for mostly everyone?

 

[digitalpoint]

You can include a link to the font and it will make the user's browser automatically download it.

See part 3 here for adding the code to your website:

http://www.google.com/fonts#UsePlace:use/Collection:Indie+Flower

You can do it via a <link> HTML tag, or you can also use the @import option in one of your CSS files if you would rather do it that way. It outlines the various ways to do it.

 

[TPerry]

We have the "Chiller" font added to the site for our admins screen names. However if others do not have the "Chiller" font downloaded on their computer they are only seeing it in Times New Roman(Which looks awful). Is there a way to set it for all members to see these custom fonts? Thank you in advance for your help. Any additional help I will be happy to give. Thanks!

@JayCam, you running your own server (VPS/dedi?). If so, review http://xenforo.com/community/resources/serve-google-fonts-locally.1860/. It may also work for a shared hosting environment (don't use one so haven't tried it).
If the "Chiller" font is available as a web font already then you can do the same as outlined in the resource.