Assuming you've cleared your cache to make 100% sure you are seeing the latest version... no, difficult to take it any further without being able to access for myself. Sorry.
Hi
Yes cleared the cache and tried again still no different, even when exporting the course and testing externally.
I wondered if there is any benefit investigating the iPad issue more - it is very strange how it works on there but not other devices - but i can't inspect using dev tools in there to see what it's doing.
Thanks for your help Matt - anyone else any ideas?
Thanks
Jon
If your content is running on a different domain to the one your fonts are on (www.britishcycling.org.uk) then I suspect this is what you are running into: https://davidwalsh.name/cdn-fonts
FYI if you have access to a Mac you can inspect content running on an iPad: https://developer.apple.com/safari/tools/
Thanks for your advice - just wanted to let you know we've managed to reach a solution so thought I would share it here in case anyone else has similar issues.
In the end the simplest solution was to store the fonts on the same server as Adapt is running, then reference that folder directly "/fonts" This seems to work on all devices now.
Thanks again for your help
Jon
Further to the above - this "solution" didn't get me very far as this only worked in preview mode as the fonts are referenced on the same server.
As soon as the course was exported and tested externally it no longer worked.
Until i figure out a more permanent solution - I have been able to "fix" the problem by manually copying the font files into the fonts folder of the SCORM package export - then referencing them in the CSS output directly, re-zipping it up and uploading to LMS.
All tests so far seem positive so at least I have a workaround for now. Will investigate further at some point and see if there is a permanent fix with some of the suggestions that were made in the above.
Thanks again for your assistance
Jon
Hi Jon
Could you not add your fonts to the 'fonts' folder in your theme (alongside the 'vanilla' font that contains all the icons used in Adapt)?
That way they'll get built into the course when you preview/export.
That's certainly how most people handle fonts if not using web fonts hosted by Google Fonts or the like.
AFAIK if you only have to support modern browsers (nothing lower than IE11) then you only need the .woff version of the font.
Hi Matt
I was wondering if that was possible in the original post:
"I was also wondering (not sure if this is even possible) but can you directly embed fonts into your theme somehow rather than just referencing them using @font-face? So if I have the font installed on my laptop can I wrap that up in the theme file somehow (or add it to the exported SCORM file) - just thinking of alternatives this might not even be possible?"
haven't really pursued that as an option as it wasn't mentioned until now, so didn't think it was possible. In the theme I have been editing (based on vanilla) there isn't a fonts folder, only assets. When I export as SCORM the fonts folder appears and I can add them in as mentioned above.
If there is an easier, cleaner way to do this that would be great. I am using the authoring tool rather than framework is that why there is no fonts folder for the theme?
Thanks
Jon
So you did, sorry missed that bit.
We recently moved the vanilla font from the theme into the framework itself, since it's required no matter what theme you're using.
If you have a look at some of the other theme plugins you should see a fonts folder still there
https://github.com/cgkineo/adapt-kineo-theme
https://github.com/taylortom/adapt-theme-community
https://github.com/davetaz/adapt-theme-odi
Thanks Matt - it's all working perfectly now.
I thought that was just the way the theme worked, I've done all my development based on vanilla which is what a lot of the documentation mentions. I didn't know the fonts folder had been moved into the framework, but yes that makes sense and I can see how it is represented in the above links.
Simply adding a fonts folder directly into the theme and referencing it accordingly has sorted it. Working just how I wanted it now :)
I think this would be a useful addition to the documentation - how would I go about recommending this and/or contributing to this part of the wiki? I think it would help beginners such as myself to resolve basic theme editing queries of this type.
thanks again for all your help.
Jon
Well there's a wiki page 'styling your course' here that seems like the obvious place for it to go. I'm not sure how we go about handling contributions to Wiki pages... does it give you an option to edit that page?
I'm not sure how to go about it either! but yes edit works ok. Do these articles get edited by users aswell as developers?
Let me know if there is anything I need to do specifically - I'd be happy to add to this.
thanks
Jon
Do these articles get edited by users as well as developers?
They certainly should be, the documentation should be for everyone so just having developers work on it isn't the best way to achieve that!
I would suggest you make the changes then just drop a note in the documentation chat asking people to review and amend/suggest edits if necessary.