Forum Discussion
AdaptiveCard markdown on iOS is rendered in serif font, and font is really tiny
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...
Meghana-MSFT 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.
kitthirasaki - Could please try by changing font setting of your mobile and teams settings as well.
- 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-MSFTMicrosoft
Hi kitthirasaki , 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.
- I'm facing the same issue, using the examples from here: https://learn.microsoft.com/en-us/adaptive-cards/authoring-cards/text-features#markdown-example
On iOS it changes the font on the elements that contain any markdown, and hostConfiguration doesn't seem to work either.
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "This is some **bold** text"
},
{
"type": "TextBlock",
"text": "This is some _italic_ text"
},
{
"type": "TextBlock",
"text": "- Bullet \r- List \r",
"wrap": true
},
{
"type": "TextBlock",
"text": "1. Numbered\r2. List\r",
"wrap": true
},
{
"type": "TextBlock",
"text": "Check out [Adaptive Cards](https://adaptivecards.io)"
}
]
}