Default to native system font for best appearance



  • 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…


  • 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.


Log in to reply