3. Default to native system font for best appearance

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Default to native system font for best appearance

  • W

    Is Onsen UI using the default font for each platform?

    /* iOS */
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

/* Android */
font-family: 'RobotoRegular', 'Droid Sans', sans-serif;

/* Windows Phone */
font-family: 'Segoe UI', Segoe, Tahoma, Geneva, sans-serif;

    As suggested by Brandon Landis in So You Want Your Hybrid Mobile App to Feel Native…

    0 1 Reply
  • Onsen UI

    @wetfeet not exactly those fonts but yes, Onsen UI applies similar ones in the respective platform. You can create a simple page with a <p>test</p> and see that “text” gets the following styles:

    iOS: 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif
    Android: 'Roboto', 'Noto', sans-serif

    We currently don’t support Windows Phone.

    0