1 Reply
      Latest reply on Nov 14, 2019 7:27 AM by skzai
      hearstemployee123456789 Level 1 Level 1 (0 points)

        I currently have CSS code that defines the font family and size within a page.  Is there an easy way to override those font settings when I want to support adaptive fonts?  My page currently lives inside an app and I want to honor iOS device settings to increase or decrease font size for accessibility benefits.

         

        For example, we currently have the following code:

         

        .article-body,

        .article-body p {

          font: -apple-system-body;

          font-family: ‘Lora’;

          font-size: 18px;

          font-weight: 400;

          line-height: 28px;

        }

         

        Unfortunately, increasing and decreasing the font size has no effect. I would prefer not having to remove the font-size declaration because that styling is needed for non-iOS devices.

         

        Any ideas?