AdaptiveCard markdown on iOS is rendered in serif font, and font is really tiny

Question

On iOS, I am using AdaptiveCard with TextBlock elements. When the block element contains markdown text, it improperly renders in a serif (instead of sans serif) font. It works fine on desktop web and Mac OS Teams.

Please advise on settings I should use.

Additionally, the font size is super-small compared to the user's input font size.

meghana-msft · Answer

Thank you for reporting this, we will check this and get back to you.

kitthirasaki · Answer

Meghana-MSFT&nbsp;Cool, thanks. I have to move quickly, so I went ahead and switched to using RichTextBlock instead of TextBlock.Using that is making my code more complicated, and the font is still really tiny.In addition to the messed-up font rendering, the tiny font size is now actually the bigger issue for me.

saipratap-msft · Answer

kitthirasaki&nbsp; -&nbsp; Could please try by changing font setting of your mobile and teams settings as well.

kitthirasaki · Answer

Sorry, I'm not sure what you're referring to, changing the font setting of my mobile and teams settings as well. I'm specifically observing this on the iOS Teams app, but I'm unable to find where the Teams-specific font settings are for the application.

prasad_das-msft · Answer

Hi&nbsp;kitthirasaki&nbsp;, please do share the adaptive card JSON which you used along with the snapshots of the card in all the clients (Mobile, Desktop, Web etc) how its behaving, so that we can raise a bug accordingly if we have repro.

Forum Discussion

AdaptiveCard markdown on iOS is rendered in serif font, and font is really tiny

6 Replies

Resources