Blog

  • 2024
  • 2023
  • 2022
  • 2021
  • 2020
  • 2019
  • 2018
  • 2017
  • 2016
  • 2015
  • 2014
  • 2013
  • 2012

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

If you like the following result more than what is shown in the screenshot above, you only have to edit a single CSS file.

Here is what to do to change the font for your HipChat client:

  1. Open your editor as admin
  2. Open Program Files (x86)\Atlassian\HipChat4\localweb\hipchat-client.css
  3. Remove the Helvetica fonts from the font family.

So here the The fragment of the CSS file containing the font-family to change:

Section
Column
Code Block
languagecss
titleOriginal hipchat-client.css (font-family)
 body,
#page,
#hipchat {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  height: 100%;
  width: 100%;
  min-width: 750px;
  transition: 0.5s -webkit-filter linear, 0.5s filter linear;
}

Column
Code Block
languagecss
titlehipchat-client.css with 'Fix' applied to font-family
 body,
#page,
#hipchat {
  font-family: Arial, sans-serif;
  height: 100%;
  width: 100%;
  min-width: 750px;
  transition: 0.5s -webkit-filter linear, 0.5s filter linear;
}

...