Uploaded image for project: 'Apache Flex'
  1. Apache Flex
  2. FLEX-13540

Font fallback procedure does not consider all font families declared by 'font-family' (or 'fontFamily') CSS property

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Later
    • Adobe Flex SDK Previous
    • None
    • mx: Button
    • None
    • Affected OS(s): All OS Platforms
      Affected OS(s): All OS Platforms
      Browser: Safari
      Language Found: English

    Description

      Steps to reproduce:
      1. Install fonts 'Georgia' and 'Myriad Pro'
      2. Make a Flex project with the code below:

      <?xml version="1.0" encoding="utf-8"?>
      <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" viewSourceURL="srcview/index.html">
      <mx:Style>
      .myStyle1

      { font-size: 36pt; font-family: 'Georgia', 'Myriad Pro'; }

      .myStyle2

      { font-size: 36pt; font-family: 'Georgia'; }

      </mx:Style>
      <mx:Text styleName="myStyle1" text="aeiouẫếỉớữ"/>
      <mx:Text styleName="myStyle2" text="aeiouẫếỉớữ"/>
      </mx:Application>

      Actual Results:
      Both Text components render the same way, using 'Georgia' for the first five characters (aeiou) and a fallback system font for the remainder five characters (ẫếỉớữ).
      On the top Text component, the font 'Myriad Pro' is never used for rendering the remainder five characters (ẫếỉớữ), despite the fact that the font contains them.
      The 'Georgia' font only supports the first five characters (aeiou).

      Expected Results:
      Since 'myStyle1' specifies the font 'Myriad Pro' as a fallback, and the 'Myriad Pro' font contains the characters 'ẫếỉớữ' which 'Georgia' – the preferred font – does not, 'Myriad Pro' (if installed) should be used to render those characters, instead of the system's fallback font.
      The expected result is consistent with current browsers' fallback procedure, which can be tested with the XHTML code sample below:

      <?xml version="1.0" encoding="utf-8"?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <style type="text/css">
      .myStyle1

      { font-size: 36pt; font-family: 'Georgia', 'Myriad Pro'; }

      .myStyle2

      { font-size: 36pt; font-family: 'Georgia'; }

      </style>
      </head>
      <body>
      <p class="myStyle1">aeiouẫếỉớữ</p>
      <p class="myStyle2">aeiouẫếỉớữ</p>
      </body>
      </html>

      Workaround (if any):
      None

      Attachments

        Activity

          People

            adobejira Adobe JIRA
            adobejira Adobe JIRA
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: