Text Styles

When you import a design into Monday Hero, it identifies all the text fonts used in the design and records the font family, size, and weight for each text element. Monday Hero then creates a list of text styles for you, removing any duplicates to ensure your app has a streamlined set of text styles.

Navigate to the 'Theme/Text Styles' tab to review and rename the text styles in your project. Please note that all text styles are automatically downloaded when you sync the code with your project.

Monday Hero supports various font weights, including normal, bold, and italic. However, underlined and strikethrough text, as well as the addition of hyperlinks, are not supported in Monday Hero.

Monday Hero Theme / Text Styles

Importing Missing Font Files

If your design utilizes custom fonts that aren't included in the system by default, you need to upload these missing fonts in .ttf or .otf format to Monday Hero. The platform processes the uploaded font files to ensure optimal results. Once uploaded, they will automatically sync with your project file in Monday Hero.

Uploading custom fonts to Monday Hero

Generated code example:

iOS

import UIKit

extension UIFont {
	class var textStyle: UIFont {
		return UIFont(name: "HelveticaNeue", size: 12.0) ?? UIFont.systemFont(ofSize: 12.0)
	}

	class var textStyle2: UIFont {
		return UIFont(name: "HelveticaNeue-Bold", size: 14.0) ?? UIFont.systemFont(ofSize: 14.0)
	}

	class var textStyle3: UIFont {
		return UIFont(name: "HelveticaNeue", size: 14.0) ?? UIFont.systemFont(ofSize: 14.0)
	}

	class var textStyle4: UIFont {
		return UIFont(name: "HelveticaNeue-Bold", size: 16.0) ?? UIFont.systemFont(ofSize: 16.0)
	}

}

Check out the following directory to access the fonts file generated by Monday Hero:

/ProjectName/Styles/Fonts.swift