nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Knowledge base articles have different fonts in service management and confluence

Alexandra Bobrow (Instech)

When viewing a knowledge base article in Jira Service Management and the same article in Confluence, the font-family used in Confluence is a sans serif font while the font in Jira Service Management is a serif font (Times New Roman).

I found this article referring to the exact problem I am experiencing, but it says it is only applicable to Server and not Cloud. https://confluence.atlassian.com/jirakb/knowledge-base-article-have-different-styling-between-jira-and-confluence-937892035.html

Since it is not possible to change the CSS for KB articles in JSM, it would be great if the font styling could either be manually changed or at least be the same in both systems. The buttons in JSM are currently all in a sans serif font so it looks messy when the article text is all in serif. Is this an issue or is this intended behavior? Will CSS functionality be coming to Cloud anytime soon? Thanks.

UPDATE: It looks like this issue mainly occurs when viewing a KB article in JSM from a location within Europe (physically or VPN), as the font displayed is fine when viewing the website from the US. However, not all European users experience this issue.

Accepted answers

Angélica Luz

Hello Alexandra,

Thank you for reaching out to Atlassian Community!

Testing on my local site, I checked the font family of the portal and from Confluence are basically the same:

Portal (when viewing an article):

font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, ‘Roboto’, ‘Oxygen’, ‘Ubuntu’, ‘Fira Sans’, ‘Droid Sans’, ‘Helvetica Neue’, sans-serif;

Confluence page:

font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Roboto”, “Noto Sans”, “Ubuntu”, “Droid Sans”, “Helvetica Neue”, sans-serif;

I wasn't able to see much difference between the page in Confluence and the Customer portal.

image (3).png

I understand that it has its differences because it's different products, but currently, it's not possible to change the font and style.

There are feature requests suggesting improvements for that:

Please, click on vote and watch to receive updates about the features.

Kind regards,
Angélica

All comments

Angélica Luz

Hello Alexandra,

Thank you for reaching out to Atlassian Community!

Testing on my local site, I checked the font family of the portal and from Confluence are basically the same:

Portal (when viewing an article):

font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, ‘Roboto’, ‘Oxygen’, ‘Ubuntu’, ‘Fira Sans’, ‘Droid Sans’, ‘Helvetica Neue’, sans-serif;

Confluence page:

font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, “Roboto”, “Noto Sans”, “Ubuntu”, “Droid Sans”, “Helvetica Neue”, sans-serif;

I wasn't able to see much difference between the page in Confluence and the Customer portal.

image (3).png

I understand that it has its differences because it's different products, but currently, it's not possible to change the font and style.

There are feature requests suggesting improvements for that:

Please, click on vote and watch to receive updates about the features.

Kind regards,
Angélica

Alexandra Bobrow (Instech)

Hi Angélica, if what you are saying is correct, that the fonts should be the same then what I am seeing is a bug.

I just checked Confluence and customer portal on both a mac with safari and chrome, and on a pc in chrome and edge, and incognito mode, and all show the same mistake. The font shown in Confluence is the same as in your example, a sans-serif font, but when viewing an article in the customer portal the font is changed to the serif font Times New Roman. This is the same error as in https://confluence.atlassian.com/jirakb/knowledge-base-article-have-different-styling-between-jira-and-confluence-937892035.html

Is it possible for someone to look into this? This article says it does not relate to Cloud, but I have Cloud and this issue is occurring. Thanks.

Alexandra Bobrow (Instech)

Just a few days ago, like January 28th, this is what the customer portal (jira service management) looked like.

28-01-2021_0018 (2).png

Alexandra Bobrow (Instech)

This is what it looks like today. So something has happened within the past few days.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

style

knowledge-base

font

atl-rvw

jira-service-management

atl-delete