Article

Applying Apple News Format Fonts

Choose an iOS font family for your article.

Overview

Fonts determine the look of text in your article. Within font families, the properties fontWeight, fontWidth, and fontStyle provide variations on the font for bolder or lighter, condensed or expanded, and regular or italicized text. To specify a font variant in Apple News Format, you can also use an explicit font variant’s PostScript name (listed in parentheses) in a fontName property without style modifiers (see TextStyle). For information about using fonts in Apple News Format, see Defining and Applying Text Styles.

Choose a Font Family

The following table lists supported iOS font families.

Font family name

Variants

Academy Engraved LET

fontWeight: regular (AcademyEngravedLetPlain)

Al Nile

fontWeight: regular (AlNile)

fontWeight: bold (AlNile-Bold)

American Typewriter

fontWeight: regular (AmericanTypewriter)

fontWeight: bold (AmericanTypewriter-Bold)

fontWidth: condensed (AmericanTypewriter-Condensed)

fontWidth: condensed; fontWeight: bold (AmericanTypewriter-CondensedBold)

fontWidth: condensed; fontWeight: light (AmericanTypewriter-CondensedLight)

fontWeight: light (AmericanTypewriter-Light)

Apple Color Emoji

fontWeight: regular (AppleColorEmoji)

Apple SD Gothic Neo

fontWeight: ultra-light (AppleSDGothicNeo-UltraLight)

fontWeight: light (AppleSDGothicNeo-Light)

fontWeight: regular (AppleSDGothicNeo-Regular)

fontWeight: medium (AppleSDGothicNeo-Medium)

fontWeight: semi-bold (AppleSDGothicNeo-SemiBold)

fontWeight: bold (AppleSDGothicNeo-Bold)

Arial

fontWeight: regular (ArialMT)

fontWeight: bold; fontStyle: italic; (Arial-BoldItalicMT)

fontWeight: bold (Arial-BoldMT)

fontStyle: italic (Arial-ItalicMT)

Arial Hebrew

fontWeight: regular (ArialHebrew)

fontWeight: bold (ArialHebrew-Bold)

fontWeight: light (ArialHebrew-Light)

Arial Rounded MT Bold

fontWeight: bold (ArialRoundedMTBold)

Avenir

fontWeight: black (Avenir-Black)

fontWeight: black; fontStyle: oblique (Avenir-BlackOblique)

(Avenir-Book)

fontWeight: book; fontStyle: oblique (Avenir-BookOblique)

fontWeight: heavy (Avenir-Heavy)

fontWeight: heavy; fontStyle: oblique (Avenir-HeavyOblique)

fontWeight: light (Avenir-Light)

fontWeight: light; fontStyle: oblique (Avenir-LightOblique)

fontWeight: medium (Avenir-Medium)

fontWeight: medium; fontStyle: oblique (Avenir-MediumOblique)

fontStyle: oblique (Avenir-Oblique)

fontWeight: roman (Avenir-Roman)

Avenir Next

fontWeight: bold (AvenirNext-Bold)

fontWeight: bold; fontStyle: italic (AvenirNext-BoldItalic)

fontWeight: demi-bold (AvenirNext-DemiBold)

fontWeight: demi-bold; fontStyle: italic (AvenirNext-DemiBoldItalic)

fontWeight: heavy (AvenirNext-Heavy)

fontWeight: heavy; fontStyle: italic (AvenirNext-HeavyItalic)

fontStyle: italic (AvenirNext-Italic)

fontWeight: medium (AvenirNext-Medium)

fontWeight: medium; fontStyle: italic (AvenirNext-MediumItalic)

fontWeight: regular (AvenirNext-Regular)

fontWeight: ultra-light (AvenirNext-UltraLight)

fontWeight: ultra-light; fontStyle: italic (AvenirNext-UltraLightItalic)

Avenir Next Condensed

fontWeight: bold (AvenirNextCondensed-Bold)

fontWeight: bold; fontStyle: italic (AvenirNextCondensed-BoldItalic)

fontWeight: demi-bold (AvenirNextCondensed-DemiBold)

fontWeight: demi-bold; fontStyle: italic (AvenirNextCondensed-DemiBoldItalic)

fontWeight: heavy (AvenirNextCondensed-Heavy)

fontWeight: heavy; fontStyle: italic (AvenirNextCondensed-HeavyItalic)

fontStyle: italic (AvenirNextCondensed-Italic)

fontWeight: medium (AvenirNextCondensed-Medium)

fontWeight: medium; fontStyle: italic (AvenirNextCondensed-MediumItalic)

fontWeight: regular (AvenirNextCondensed-Regular)

fontWeight: ultra-light (AvenirNextCondensed-UltraLight)

fontWeight: ultra-light; fontStyle: italic (AvenirNextCondensed-UltraLightItalic)

Baskerville

fontWeight: regular (Baskerville)

fontWeight: bold (Baskerville-Bold)

fontWeight: bold; fontStyle: italic (Baskerville-BoldItalic)

fontStyle: italic (Baskerville-Italic)

fontWeight: semi-bold (Baskerville-SemiBold)

fontWeight: semi-bold; fontStyle: italic (Baskerville-SemiBoldItalic)

Bodoni 72

fontWeight: bold (BodoniSvtyTwoITCTT-Bold)

fontWeight: book (BodoniSvtyTwoITCTT-Book)

fontWeight: book; fontStyle: italic (BodoniSvtyTwoITCTT-BookIta)

Bodoni 72 Oldstyle

fontWeight: bold (BodoniSvtyTwoOSITCTT-Bold)

fontWeight: book (BodoniSvtyTwoOSITCTT-Book)

fontWeight: book; fontStyle: italic (BodoniSvtyTwoOSITCTT-BookIt)

Bodoni 72 Smallcaps

fontWeight: book (BodoniSvtyTwoSCITCTT-Book)

Bradley Hand

fontWeight: bold (BradleyHandITCTT-Bold)

Chalkboard SE

fontWeight: bold (ChalkboardSE-Bold)

fontWeight: light (ChalkboardSE-Light)

fontWeight: regular (ChalkboardSE-Regular)

Cochin

fontWeight: regular (Cochin)

fontWeight: bold (Cochin-Bold)

fontWeight: bold; fontStyle: italic (Cochin-BoldItalic)

fontStyle: italic (Cochin-Italic)

Copperplate

fontWeight: regular (Copperplate)

fontWeight: bold (Copperplate-Bold)

fontWeight: light (Copperplate-Light)

Courier

fontWeight: regular (Courier)

fontWeight: bold (Courier-Bold)

fontWeight: bold; fontStyle: oblique (Courier-BoldOblique)

fontStyle: oblique (Courier-Oblique)

Courier New

fontWeight: bold; fontStyle: italic (CourierNewPS-BoldItalicMT)

fontWeight: bold (CourierNewPS-BoldMT)

fontStyle: italic (CourierNewPS-ItalicMT)

fontWeight: regular (CourierNewPSMT)

DIN Alternate

fontWeight: bold (DINAlternate-Bold)

DIN Condensed

fontWeight: bold (DINCondensed-Bold)

Didot

fontWeight: regular (Didot)

fontWeight: bold (Didot-Bold)

fontStyle: italic (Didot-Italic)

Euphemia UCAS

fontWeight: regular (EuphemiaUCAS)

fontWeight: bold (EuphemiaUCAS-Bold)

fontStyle: italic (EuphemiaUCAS-Italic)

Farah

fontWeight: regular (Farah)

Futura

fontWidth: condensed; fontWeight: extra bold (Futura-CondensedExtraBold)

fontWidth: condensed; fontWeight: medium (Futura-CondensedMedium)

fontWeight: medium (Futura-Medium)

fontWeight: medium fontStyle: italic (Futura-MediumItalic)

Georgia

fontWeight: regular (Georgia)

fontWeight: bold (Georgia-Bold)

fontWeight: bold; fontStyle: italic (Georgia-BoldItalic)

fontStyle: italic (Georgia-Italic)

Gill Sans

fontWeight: regular (GillSans)

fontWeight: semi-bold (GillSans-SemiBold)

fontWeight: semi-bold; fontStyle: italic (GillSans-SemiBoldItalic)

fontWeight: bold (GillSans-Bold)

fontWeight: bold; fontStyle: italic (GillSans-BoldItalic)

fontWeight: ultra-bold (GillSans-UltraBold)

fontStyle: italic (GillSans-Italic)

fontWeight: light (GillSans-Light)

fontWeight: light; fontStyle: italic (GillSans-LightItalic)

Heiti SC

fontWeight: light (STHeitiSC-Light)

fontWeight: medium (STHeitiSC-Medium)

Heiti TC

fontWeight: light (STHeitiTC-Light)

fontWeight: medium (STHeitiTC-Medium)

Helvetica

fontWeight: regular (Helvetica)

fontWeight: bold (Helvetica-Bold)

fontWeight: bold; fontStyle: oblique (Helvetica-BoldOblique)

fontWeight: light (Helvetica-Light)

fontWeight: light; fontStyle: oblique (Helvetica-LightOblique)

fontStyle: oblique (Helvetica-Oblique)

Helvetica Neue

fontWeight: regular (HelveticaNeue)

fontWeight: bold (HelveticaNeue-Bold)

fontWeight: bold; fontStyle: italic (HelveticaNeue-BoldItalic)

fontWidth: condensed; fontWeight: black (HelveticaNeue-CondensedBlack)

fontWidth: condensed; fontWeight: bold (HelveticaNeue-CondensedBold)

fontStyle: italic (HelveticaNeue-Italic)

fontWeight: light (HelveticaNeue-Light)

fontWeight: light; fontStyle: italic (HelveticaNeue-LightItalic)

fontWeight: medium (HelveticaNeue-Medium)

fontWeight: medium; fontStyle: italic (HelveticaNeue-MediumItalic)

fontWeight: ultra-light (HelveticaNeue-UltraLight)

fontWeight: ultra-light; fontStyle: italic (HelveticaNeue-UltraLightItalic)

fontWeight: thin (HelveticaNeue-Thin)

fontWeight: thin; fontStyle: italic (HelveticaNeue-ThinItalic)

Hiragino Mincho ProN

fontWeight: regular (HiraMinProN-W3)

fontWeight: semi-bold (HiraMinProN-W6)

Hiragino Sans

fontWeight: regular (HiraginoSans-W3)

fontWeight: semi-bold (HiraginoSans-W6)

Hoefler Text

fontWeight: black (HoeflerText-Black)

fontWeight: black; fontStyle: italic (HoeflerText-BlackItalic)

fontStyle: italic (HoeflerText-Italic)

fontWeight: regular (HoeflerText-Regular)

Iowan Old Style

fontWeight: bold (IowanOldStyle-Bold)

fontWeight: bold; fontStyle: italic (IowanOldStyle-BoldItalic)

fontStyle: italic (IowanOldStyle-Italic)

fontWeight: roman (IowanOldStyle-Roman)

Marion

fontWeight: bold (Marion-Bold)

fontStyle: italic (Marion-Italic)

fontWeight: regular (Marion-Regular)

Marker Felt

fontWeight: thin (MarkerFelt-Thin)

fontStyle: wide (MarkerFelt-Wide)

Menlo

fontWeight: bold; fontStyle: italic (Menlo-BoldItalic)

fontWeight: regular (Menlo-Regular)

fontWeight: bold (Menlo-Bold)

fontStyle: italic (Menlo-Italic)

Noteworthy

fontWeight: bold (Noteworthy-Bold)

fontWeight: light (Noteworthy-Light)

Optima

fontWeight: bold (Optima-Bold)

fontWeight: bold; fontStyle: italic (Optima-BoldItalic)

fontWeight: extra black (Optima-ExtraBlack)

fontStyle: italic (Optima-Italic)

fontWeight: regular (Optima-Regular)

Palatino

fontWeight: bold (Palatino-Bold)

fontWeight: bold; fontStyle: italic (Palatino-BoldItalic)

fontStyle: italic (Palatino-Italic)

fontWeight: roman (Palatino-Roman)

Papyrus

fontWeight: regular (Papyrus)

fontWidth: condensed (Papyrus-Condensed)

Party LET

fontWeight: regular (PartyLetPlain)

PingFang HK

fontWeight: ultra-light (PingFangHK-Ultralight)

fontWeight: light (PingFangHK-Light)

fontWeight: thin (PingFangHK-Thin)

fontWeight: regular (PingFangHK-Regular)

fontWeight: medium (PingFangHK-Medium)

fontWeight: semi-bold (PingFangHK-Semibold)

PingFang SC

fontWeight: ultra-light (PingFangSC-Ultralight)

fontWeight: light (PingFangSC-Light)

fontWeight: thin (PingFangSC-Thin)

fontWeight: regular (PingFangSC-Regular)

fontWeight: medium (PingFangSC-Medium)

fontWeight: semi-bold (PingFangSC-Semibold)

PingFang TC

fontWeight: ultra-light (PingFangTC-Ultralight)

fontWeight: light (PingFangTC-Light)

fontWeight: thin (PingFangTC-Thin)

fontWeight: regular (PingFangTC-Regular)

fontWeight: medium (PingFangTC-Medium)

fontWeight: semi-bold (PingFangTC-Semibold)

Savoye Let

fontWeight: regular (SavoyeLetPlain)

Snell Roundhand

fontWeight: regular (SnellRoundhand)

fontWeight: black (SnellRoundhand-Black)

fontWeight: bold (SnellRoundhand-Bold)

Superclarendon

fontWeight: regular (Superclarendon-Regular)

fontWeight: bold; fontStyle: italic (Superclarendon-BoldItalic)

fontWeight: light (Superclarendon-Light)

fontWeight: black; fontStyle: italic (Superclarendon-BlackItalic)

fontStyle: italic (Superclarendon-Italic)

fontWeight: light; fontStyle: italic (Superclarendon-LightItalic)

fontWeight: bold (Superclarendon-Bold)

fontWeight: black (Superclarendon-Black)

Thonburi

fontWeight: regular (Thonburi)

fontWeight: bold (Thonburi-Bold)

fontWeight: light (Thonburi-Light)

Times New Roman

fontWeight: bold; fontStyle: italic (TimesNewRomanPS-BoldItalicMT)

fontWeight: bold (TimesNewRomanPS-BoldMT)

fontStyle: italic (TimesNewRomanPS-ItalicMT)

fontWeight: regular (TimesNewRomanPSMT)

Trebuchet MS

fontWeight: bold; fontStyle: italic (Trebuchet-BoldItalic)

fontWeight: regular (TrebuchetMS)

fontWeight: bold (TrebuchetMS-Bold)

fontStyle: italic (TrebuchetMS-Italic)

Verdana

fontWeight: regular (Verdana)

fontWeight: bold (Verdan-Bold)

fontWeight: bold; fontStyle: italic (Verdana-BoldItalic)

fontStyle: italic (Verdana-Italic)

Zapf Dingbats

fontWeight: regular (ZapfDingbatsITC)

Zapfino

fontWeight: regular (Zapfino)

Apply the Fonts to Your Article

The following example code shows how to apply the Arial font family to your article.

{
  "sample": {
    "textStyles": {
      "default-tag-abbr": {
        "fontFamily": "Arial",
        "fontWeight": "bold",
        "fontStyle": "italic"
      },
      "default-tag-title": {
        "fontName": "Arial-BoldItalicMT",
      }
    },
    "components": [
      {
        "role": "body",
        "format": "html",
        "text": "<p>The <abbr>UFO</abbr> is an <title>Unidentified Flying Object</title>.</p>"
      }
    ]
  }
}

See Also

Text Styles

Defining and Applying Text Styles

Define and apply custom, default, and inline text styles, or use HTML tags or Markdown syntax to style your text.

object TextStyle

The object for defining the text style (font family, size, color, and so on) that you can apply to ranges of text.

object ComponentTextStyle

The object for defining the style for a text component, including spacing, alignment, and drop caps.

object DropCapStyle

The object for defining the drop cap text style for use in the first paragraph in a text component.

object ListItemStyle

The object for defining the style for bulleted or numbered lists in an article.

object InlineTextStyle

The object for applying text styling when not using HTML or Markdown formatting.