Forum Discussion
kitthirasaki
Dec 21, 2023Copper Contributor
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...
kitthirasaki
Dec 22, 2023Copper Contributor
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.
SaiPratap-MSFT
Dec 26, 2023Former Employee
kitthirasaki - Could please try by changing font setting of your mobile and teams settings as well.
- kitthirasakiDec 31, 2023Copper ContributorSorry, 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-MSFTJan 02, 2024
Microsoft
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.
- calm2504299Jun 03, 2024Copper ContributorI'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)"
}
]
}