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?