Web App in Xcode vs. Android Studio - Fonts

4

Noteworthy is a system font on macOS and iOS (stored at /System/Library/Fonts/Noteworthy.ttc) so it is simply referenced using the font-family name. You may instead want to move to using a webfont variant; it looks like it can be freely downloaded from sites like cufon.

If you grab the “@font-face Kit” then the steps to add it into Hype as a custom font would be:

  1. Drag the “Noteworthy-Lt.woff” into the Resources Library
  2. In the Resources Library, click the “+” and choose “Add Font…”
  3. Change the top popup to “Custom CSS”
  4. Set the Display Name to Noteworthy Light
  5. Set the CSS Font Family to 'Noteworthy Light', Noteworthy, sans-serif;
  6. In the Embedded Head HTML field, paste this code between them:
<style>
@font-face {
font-family: 'Noteworthy Light';
font-style: normal;
font-weight: normal;
src: local('Noteworthy Light'), url('${resourcesFolderName}/Noteworthy-Lt.woff') format('woff');
}
</style>

I assume then this will work on Android.

2 Likes