I am brand new to iOS -I've checked out an iPad 4 to learn the differences between Android and iOS.
I noticed when browsing (using Safari) some of my existing Lesson pages and Announcements, that the formatting of text when specifying Preformatted text with a style for "font-family", disables any font-family in use, and porpotional text is displayed where it should be monospace?
e.g. <pre><span style="font-family: Consolas,mono;">...
Chrome, Edge, Firefox, do not show this problem in Windows or Android. What do I need to do for my students using iPads and Safari so that Preformatted text sections in Lessons pages and Announcements display properly? For now, I have just removed any font-family references within <pre> tags.
Hi Michael Harris,
Interesting questions. Well, the official way to access Canvas on an iOS or Android device is through the Canvas Student or Canvas Teacher app. If there are issues with the web browser on a mobile device, these will most likely be addressed less quickly than in the mobile app. How does this content look in the mobile apps?
I tested using the pre tag with a span font style and it looks like I'm not having any issues with the style sticking for a web browser, mobile web browser (safari on iPad), and the Canvas Student app.
Can you please share the code that is working on the web but not the mobile browser? I want to try it on my end.
Another consideration is the iPad 4. This device only supports up to iOS 10.3.3. It's possible that Safari in the browser doesn't work properly unless it's at iOS 11+ (what the majority of users are on). Hope this helps!