Applying Apple News Format Fonts

Choose a font family for Apple News Format that’s supported in iOS, iPadOS, and macOS.

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 font families for Apple News Format that are supported in iOS, iPadOS, and macOS.

Font family name	Variants
Academy Engraved LET	fontWeight: regular (AcademyEngravedLetPlain)
Al Nile	fontWeight: regular (AlNile) [Image] fontWeight: bold (AlNile-Bold)
American Typewriter	fontWeight: regular (AmericanTypewriter) [Image] fontWeight: bold (AmericanTypewriter-Bold) [Image] fontWeight: semi-bold (AmericanTypewriter-Semibold) [Image] fontWidth: condensed (AmericanTypewriter-Condensed) [Image] fontWidth: condensed; fontWeight: bold (AmericanTypewriter-CondensedBold) [Image] fontWidth: condensed; fontWeight: light (AmericanTypewriter-CondensedLight) [Image] fontWeight: light (AmericanTypewriter-Light)
Apple Color Emoji	fontWeight: regular (AppleColorEmoji)
Apple SD Gothic Neo	fontWeight: ultra-light (AppleSDGothicNeo-UltraLight) [Image] fontWeight: light (AppleSDGothicNeo-Light) [Image] fontWeight: regular (AppleSDGothicNeo-Regular) [Image] fontWeight: medium (AppleSDGothicNeo-Medium) [Image] fontWeight: semi-bold (AppleSDGothicNeo-SemiBold) [Image] fontWeight: bold (AppleSDGothicNeo-Bold) [Image] fontWeight: extra-bold (AppleSDGothicNeo-ExtraBold) [Image] fontWeight: heavy (AppleSDGothicNeo-Heavy) [Image] fontWeight: thin (AppleSDGothicNeo-Thin)
Arial	fontWeight: regular (ArialMT) [Image] fontWeight: bold; fontStyle: italic; (Arial-BoldItalicMT) [Image] fontWeight: bold (Arial-BoldMT) [Image] fontStyle: italic (Arial-ItalicMT)
Arial Hebrew	fontWeight: regular (ArialHebrew) [Image] fontWeight: bold (ArialHebrew-Bold) [Image] fontWeight: light (ArialHebrew-Light)
Arial Rounded MT Bold	fontWeight: regular (ArialRoundedMTBold)
Avenir	fontWeight: black (Avenir-Black) [Image] fontWeight: black; fontStyle: oblique (Avenir-BlackOblique) [Image] fontWeight: Book; (Avenir-Book) [Image] fontWeight: book; fontStyle: oblique (Avenir-BookOblique) [Image] fontWeight: heavy (Avenir-Heavy) [Image] fontWeight: heavy; fontStyle: oblique (Avenir-HeavyOblique) [Image] fontWeight: light (Avenir-Light) [Image] fontWeight: light; fontStyle: oblique (Avenir-LightOblique) [Image] fontWeight: medium (Avenir-Medium) [Image] fontWeight: medium; fontStyle: oblique (Avenir-MediumOblique) [Image] fontStyle: oblique (Avenir-Oblique) [Image] fontWeight: roman (Avenir-Roman)
Avenir Next	fontWeight: bold (AvenirNext-Bold) [Image] fontWeight: bold; fontStyle: italic (AvenirNext-BoldItalic) [Image] fontWeight: demi-bold (AvenirNext-DemiBold) [Image] fontWeight: demi-bold; fontStyle: italic (AvenirNext-DemiBoldItalic) [Image] fontWeight: heavy (AvenirNext-Heavy) [Image] fontWeight: heavy; fontStyle: italic (AvenirNext-HeavyItalic) [Image] fontStyle: italic (AvenirNext-Italic) [Image] fontWeight: medium (AvenirNext-Medium) [Image] fontWeight: medium; fontStyle: italic (AvenirNext-MediumItalic) [Image] fontWeight: regular (AvenirNext-Regular) [Image] fontWeight: ultra-light (AvenirNext-UltraLight) [Image] fontWeight: ultra-light; fontStyle: italic (AvenirNext-UltraLightItalic)
Avenir Next Condensed	fontWeight: bold (AvenirNextCondensed-Bold) [Image] fontWeight: bold; fontStyle: italic (AvenirNextCondensed-BoldItalic) [Image] fontWeight: demi-bold (AvenirNextCondensed-DemiBold) [Image] fontWeight: demi-bold; fontStyle: italic (AvenirNextCondensed-DemiBoldItalic) [Image] fontWeight: heavy (AvenirNextCondensed-Heavy) [Image] fontWeight: heavy; fontStyle: italic (AvenirNextCondensed-HeavyItalic) [Image] fontStyle: italic (AvenirNextCondensed-Italic) [Image] fontWeight: medium (AvenirNextCondensed-Medium) [Image] fontWeight: medium; fontStyle: italic (AvenirNextCondensed-MediumItalic) [Image] fontWeight: regular (AvenirNextCondensed-Regular) [Image] fontWeight: ultra-light (AvenirNextCondensed-UltraLight) [Image] fontWeight: ultra-light; fontStyle: italic (AvenirNextCondensed-UltraLightItalic)
Baskerville	fontWeight: regular (Baskerville) [Image] fontWeight: bold (Baskerville-Bold) [Image] fontWeight: bold; fontStyle: italic (Baskerville-BoldItalic) [Image] fontStyle: italic (Baskerville-Italic) [Image] fontWeight: semi-bold (Baskerville-SemiBold) [Image] fontWeight: semi-bold; fontStyle: italic (Baskerville-SemiBoldItalic)
Bodoni 72	fontWeight: bold (BodoniSvtyTwoITCTT-Bold) [Image] fontWeight: book (BodoniSvtyTwoITCTT-Book) [Image] fontWeight: book; fontStyle: italic (BodoniSvtyTwoITCTT-BookIta)
Bodoni 72 Oldstyle	fontWeight: bold (BodoniSvtyTwoOSITCTT-Bold) [Image] fontWeight: book (BodoniSvtyTwoOSITCTT-Book) [Image] 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) [Image] fontWeight: light (ChalkboardSE-Light) [Image] fontWeight: regular (ChalkboardSE-Regular)
Cochin	fontWeight: regular (Cochin) [Image] fontWeight: bold (Cochin-Bold) [Image] fontWeight: bold; fontStyle: italic (Cochin-BoldItalic) [Image] fontStyle: italic (Cochin-Italic)
Copperplate	fontWeight: regular (Copperplate) [Image] fontWeight: bold (Copperplate-Bold) [Image] fontWeight: light (Copperplate-Light)
Courier	fontWeight: regular (Courier) [Image] fontWeight: bold (Courier-Bold) [Image] fontWeight: bold; fontStyle: oblique (Courier-BoldOblique) [Image] fontStyle: oblique (Courier-Oblique)
Courier New	fontWeight: bold; fontStyle: italic (CourierNewPS-BoldItalicMT) [Image] fontWeight: bold (CourierNewPS-BoldMT) [Image] fontStyle: italic (CourierNewPS-ItalicMT) [Image] fontWeight: regular (CourierNewPSMT)
DIN Alternate	fontWeight: bold (DINAlternate-Bold)
DIN Condensed	fontWeight: bold (DINCondensed-Bold)
Didot	fontWeight: regular (Didot) [Image] fontWeight: bold (Didot-Bold) [Image] fontStyle: italic (Didot-Italic)
Euphemia UCAS	fontWeight: regular (EuphemiaUCAS) [Image] fontWeight: bold (EuphemiaUCAS-Bold) [Image] fontStyle: italic (EuphemiaUCAS-Italic)
Farah	fontWeight: regular (Farah)
Futura	fontWidth: condensed; fontWeight: extra bold (Futura-CondensedExtraBold) [Image] fontWeight: bold (Futura-Bold) [Image] fontWidth: condensed; fontWeight: medium (Futura-CondensedMedium) [Image] fontWeight: medium (Futura-Medium) [Image] fontWeight: medium; fontStyle: italic (Futura-MediumItalic)
Georgia	fontWeight: regular (Georgia) [Image] fontWeight: bold (Georgia-Bold) [Image] fontWeight: bold; fontStyle: italic (Georgia-BoldItalic) [Image] fontStyle: italic (Georgia-Italic)
Gill Sans	fontWeight: regular (GillSans) [Image] fontWeight: semi-bold (GillSans-SemiBold) [Image] fontWeight: semi-bold; fontStyle: italic (GillSans-SemiBoldItalic) [Image] fontWeight: bold (GillSans-Bold) [Image] fontWeight: bold; fontStyle: italic (GillSans-BoldItalic) [Image] fontWeight: ultra-bold (GillSans-UltraBold) [Image] fontStyle: italic (GillSans-Italic) [Image] fontWeight: light (GillSans-Light) [Image] fontWeight: light; fontStyle: italic (GillSans-LightItalic)
Heiti SC	fontWeight: light (STHeitiSC-Light) [Image] fontWeight: medium (STHeitiSC-Medium)
Heiti TC	fontWeight: light (STHeitiTC-Light) [Image] fontWeight: medium (STHeitiTC-Medium)
Helvetica	fontWeight: regular (Helvetica) [Image] fontWeight: bold (Helvetica-Bold) [Image] fontWeight: bold; fontStyle: oblique (Helvetica-BoldOblique) [Image] fontWeight: light (Helvetica-Light) [Image] fontWeight: light; fontStyle: oblique (Helvetica-LightOblique) [Image] fontStyle: oblique (Helvetica-Oblique)
Helvetica Neue	fontWeight: regular (HelveticaNeue) [Image] fontWeight: bold (HelveticaNeue-Bold) [Image] fontWeight: bold; fontStyle: italic (HelveticaNeue-BoldItalic) [Image] fontWidth: condensed; fontWeight: black (HelveticaNeue-CondensedBlack) [Image] fontWidth: condensed; fontWeight: bold (HelveticaNeue-CondensedBold) [Image] fontStyle: italic (HelveticaNeue-Italic) [Image] fontWeight: light (HelveticaNeue-Light) [Image] fontWeight: light; fontStyle: italic (HelveticaNeue-LightItalic) [Image] fontWeight: medium (HelveticaNeue-Medium) [Image] fontWeight: medium; fontStyle: italic (HelveticaNeue-MediumItalic) [Image] fontWeight: ultra-light (HelveticaNeue-UltraLight) [Image] fontWeight: ultra-light; fontStyle: italic (HelveticaNeue-UltraLightItalic) [Image] fontWeight: thin (HelveticaNeue-Thin) [Image] fontWeight: thin; fontStyle: italic (HelveticaNeue-ThinItalic)
Hiragino Mincho ProN	fontWeight: regular (HiraMinProN-W3) [Image] fontWeight: semi-bold (HiraMinProN-W6)
Hiragino Sans	fontWeight: regular (HiraginoSans-W3) [Image] fontWeight: semi-bold (HiraginoSans-W6)
Hoefler Text	fontWeight: black (HoeflerText-Black) [Image] fontWeight: black; fontStyle: italic (HoeflerText-BlackItalic) [Image] fontStyle: italic (HoeflerText-Italic) [Image] fontWeight: regular (HoeflerText-Regular) [Image] fontWeight: ornaments (HoeflerText-Ornaments)
Marker Felt	fontWeight: thin (MarkerFelt-Thin) [Image] fontWeight: wide (MarkerFelt-Wide)
Menlo	fontWeight: bold; fontStyle: italic (Menlo-BoldItalic) [Image] fontWeight: regular (Menlo-Regular) [Image] fontWeight: bold (Menlo-Bold) [Image] fontStyle: italic (Menlo-Italic)
Noteworthy	fontWeight: bold (Noteworthy-Bold) [Image] fontWeight: light (Noteworthy-Light)
Optima	fontWeight: bold (Optima-Bold) [Image] fontWeight: bold; fontStyle: italic (Optima-BoldItalic) [Image] fontWeight: extra black (Optima-ExtraBlack) [Image] fontStyle: italic (Optima-Italic) [Image] fontWeight: regular (Optima-Regular)
Palatino	fontWeight: bold (Palatino-Bold) [Image] fontWeight: bold; fontStyle: italic (Palatino-BoldItalic) [Image] fontStyle: italic (Palatino-Italic) [Image] fontWeight: roman (Palatino-Roman)
Papyrus	fontWeight: regular (Papyrus) [Image] fontWidth: condensed (Papyrus-Condensed)
Party LET	fontWeight: regular (PartyLetPlain)
PingFang HK	fontWeight: ultra-light (PingFangHK-Ultralight) [Image] fontWeight: light (PingFangHK-Light) [Image] fontWeight: thin (PingFangHK-Thin) [Image] fontWeight: regular (PingFangHK-Regular) [Image] fontWeight: medium (PingFangHK-Medium) [Image] fontWeight: semi-bold (PingFangHK-Semibold)
PingFang SC	fontWeight: ultra-light (PingFangSC-Ultralight) [Image] fontWeight: light (PingFangSC-Light) [Image] fontWeight: thin (PingFangSC-Thin) [Image] fontWeight: regular (PingFangSC-Regular) [Image] fontWeight: medium (PingFangSC-Medium) [Image] fontWeight: semi-bold (PingFangSC-Semibold)
PingFang TC	fontWeight: ultra-light (PingFangTC-Ultralight) [Image] fontWeight: light (PingFangTC-Light) [Image] fontWeight: thin (PingFangTC-Thin) [Image] fontWeight: regular (PingFangTC-Regular) [Image] fontWeight: medium (PingFangTC-Medium) [Image] fontWeight: semi-bold (PingFangTC-Semibold)
Savoye Let	fontWeight: regular (SavoyeLetPlain)
Snell Roundhand	fontWeight: regular (SnellRoundhand) [Image] fontWeight: black (SnellRoundhand-Black) [Image] fontWeight: bold (SnellRoundhand-Bold)
Thonburi	fontWeight: regular (Thonburi) [Image] fontWeight: bold (Thonburi-Bold) [Image] fontWeight: light (Thonburi-Light)
Times New Roman	fontWeight: bold; fontStyle: italic (TimesNewRomanPS-BoldItalicMT) [Image] fontWeight: bold (TimesNewRomanPS-BoldMT) [Image] fontStyle: italic (TimesNewRomanPS-ItalicMT) [Image] fontWeight: regular (TimesNewRomanPSMT)
Trebuchet MS	fontWeight: bold; fontStyle: italic (Trebuchet-BoldItalic) [Image] fontWeight: regular (TrebuchetMS) [Image] fontWeight: bold (TrebuchetMS-Bold) [Image] fontStyle: italic (TrebuchetMS-Italic)
Verdana	fontWeight: regular (Verdana) [Image] fontWeight: bold (Verdana-Bold) [Image] fontWeight: bold; fontStyle: italic (Verdana-BoldItalic) [Image] 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>"
      }
    ]
  }
}

Applying Apple News Format Fonts

Overview

Choose a Font Family

Apply the Fonts to Your Article

See Also

Text Styles