Different font loaded for the sub menu titles

[codejamtc]

1. Open the application https://test-community-app.topcoder-dev.com/challenges
2. Login as dan_developer (Portrait)
3. Tap Menu > Work > Compete

Actual: Different font loaded for the sub menu titles

Expected: Should display the same font for the sub menus as well

Reproducibility Rate: 3/3

Environment: iPad Air 2, iOS 12.2

Browser: Safari 12

[nithyaasworld]

@codejamtc Please attach screenshot

[nithyaasworld]

Also did you compare it with the Design in HandOff mode? are the font, size and other attribute of the sub menu same as in the Design spec.

[codejamtc]

https://marvelapp.com/89423f8/screen/54595272

[nithyaasworld]

@codejamtc Can you please tell me in detail about what is the Expected Font and what is the Actual Font?

Please use this link to see the design in handoff mode: https://marvelapp.com/89423f8/screen/54595272/handoff

Click on the Solutions menu in the design screen. It opens the Solutions' CSS at the right panel. Compare it with the actual and post your results here. Thanks.

[codejamtc]

I can see Roboto as the font in the design document

But I couldn't track down the font visible on the iPad Safari since I don't own a MacBook I don't think they have in-built developer tool for mobile safari in iPad or iPhone.

[nithyaasworld]

So how do you say " Different font loaded for the sub menu titles" ?

[codejamtc]

@nithyaasworld It's visually different. Design vs iPad (Safari) and also in other locations (Desktop)

[nithyaasworld]

Hey @codejamtc It seems like you are referencing "WORK" which has Roboto font. But the reported bug is for the "Compete" menu which has the "BarlowCondensed".

"Compete" is same in both mobile view as well as in Desktop view. It has BarlowCondensed font.

Am I missing something ?

[codejamtc]

@nithyaasworld I am sorry about that, I am referring to the sub-menus "Compete", "Tracks" and "Community"

Original iPad Mobile Safari Screenshot:

Android Mobile screenshot:

iPhone Mobile Safari screenshot:

I think this is something to do with the mobile Safari; Android, Chrome font matches with the desktop

[nithyaasworld]

@luizrrodrigues I am not sure if it is just the visual difference or there is actual font mismatch in mobile Safari. Please take care. Thanks.

[luizrrodrigues]

@nithyaasworld This is font mismatch, check bellow TCO have right font, (See the C):

[nithyaasworld]

Thanks @luizrrodrigues. Got that!

By design, First level menus are of font BarlowCondensed and Second Level Menus are of font Roboto.

But checking the letter "C" of the FIRST LEVEL MENU (First level menus: Compete, Tracks, Community) in Android Chrome and iOS Safari looks different. This needs to be fixed.

[sjbr]

@luizrrodrigues
Please assign this one to me
Thanks

[yoution]

can not reproduct it

[luizrrodrigues]

Have you test this in Safari iPad?

[yoution]

you mean only reproduct in ipad?I test in ipad simulator

[luizrrodrigues]

@yoution Yeah, I think this one already fixed.

[nithyaasworld]

Verified that its fixed in production already.

[Oanh-and-only-Oanh]

@nithyaasworld go ahead and close out the tickets that have been verified in PROD. Thanks

[SathyaJayabal]

Closing this as this has been verified in production