title: Text gets cut off when using specific character with font
body: <p>I'm working on an app where I have to use the font provided in <a href="https://drive.google.com/file/d/1VV25BCBUgs8-AMhftTDl1EWfmtABuZKc/view?usp=sharing" rel="noreferrer">this tff file</a>, and using <a href="https://www.fileformat.info/info/unicode/char/2019/index.htm" rel="noreferrer">the unicode character 2019</a> with this font breaks the text in the app. I'm not sure if this is a font problem or an Android problem, but our iOS team isn't having the same issue and I don't know enough about fonts to dig into the <code>.tff</code> file myself so here I am.</p>
  <ul>
  <li>If the first screen shown after app launch contains the character, then the baseline of some chars get shifted up and the top of them get cutoff completely.</li>
  <li>This then sets a precedent for the app where every screen seen after will have its text cut off, even if it doesn't contain the character.</li>
  <li>However, if the first screen shown after app launch doesn't contain that character, then any screens shown after will look fine - even if they have the character.</li>
  </ul>
  <p>I replicated the issue in a barebones sample app that does nothing special other than apply the font and set some text that contains the character. The issue happens for both XML based views as well as with Jetpack Compose, though the &quot;precedent&quot; stated above is unique to each implementation (i.e. if a Compose screen with the text is seen first it will break all following Compose screens but not XML ones, and vice-versa).</p>
  <p>Here are some examples of what the text looks like when using U-2019 (squiggly apostrophe) vs using U-0027 (normal apostrophe) in &quot;I've&quot;:</p>
  <div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th>U-2019 Compose (cutoff)</th>
  <th>U-2019 XML (cutoff)</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td><a href="https://i.stack.imgur.com/UbbSQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UbbSQ.png" alt="enter image description here" /></a></td>
  <td><a href="https://i.stack.imgur.com/FhHay.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FhHay.png" alt="enter image description here" /></a></td>
  </tr>
  </tbody>
  </table>
  </div><div class="s-table-container">
  <table class="s-table">
  <thead>
  <tr>
  <th>U-0027 Compose (fine)</th>
  <th>U-0027 XML (fine)</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td><a href="https://i.stack.imgur.com/bN5Em.png" rel="noreferrer"><img src="https://i.stack.imgur.com/bN5Em.png" alt="enter image description here" /></a></td>
  <td><a href="https://i.stack.imgur.com/lZ0gi.png" rel="noreferrer"><img src="https://i.stack.imgur.com/lZ0gi.png" alt="enter image description here" /></a></td>
  </tr>
  </tbody>
  </table>
  </div>
  <p>So is something wrong with that specific character in the <code>.tff</code> file? Is there a bug in the Android framework that can't handle that character with how it's drawn? Something else?</p>