What's the simplest way to change the font?

[pedrommcarrasco]

Hey 👋,

I'm in search of the most straightforward method to modify the font and font size globally within the Markdown element. Despite reviewing documentation and conducting various experiments, I've hit a roadblock in identifying a simple solution for this adjustment.

Any guidance or suggestions would be greatly appreciated!

[gonzalezreal]

Hi @pedrommcarrasco,

To configure the base font family and size on a Markdown view, you can use the markdownTextStyle(_:textStyle:) view modifier and override the current theme text text style.

Markdown {
  """
  ## Try MarkdownUI

  **MarkdownUI** is a native Markdown renderer for SwiftUI
  compatible with the
  [GitHub Flavored Markdown Spec](https://github.github.com/gfm/).
  """
}
.markdownTextStyle(\.text) {
  FontFamily(.custom("Avenir"))
  FontSize(20)
}

You can combine different text styles like FontFamily, FontFamilyVariant, FontStyle, FontSize, FontWeight, etc.

You should always use an absolute size when overriding the default text style. Other text styles like headings or code blocks normally use relative sizes, based on the default text size.

[pedrommcarrasco]

Thank you @gonzalezreal 👍
What about defining how the font should scale with dynamic type? For example, which TextStyle (body, subheadline, etc...) I want it to be based on?

[gonzalezreal]

Dynamic type in MarkdownUI works by scaling text relative to the body text style. There is currently no API to change that.

If you want to pick a font size that works well in all platforms, you can use FontProperties.defaultSize, which is the default if you don't specify a font size. I hope that makes sense 😄 .

[yousefNowPay]

Hi @gonzalezreal thanks for the amazing library I have question can we change the font size in case of markdownTextStyle(.emphasis) ? something like this .markdownTextStyle(\.emphasis) { BackgroundColor(Color.yellow500.opacity(0.3)) FontSize(fontSize) }
cause these didn't work