Adding custom font to iFrame

Hi,

how can I apply a custom font to the text in the iFrame? If I add the font name as a parameter, it of course won’t be applied because the font that we are using on the site is not a system font. My current approach is to attach the stylesheet of the site to the iFrame document but it’s currently not showing up. Can anyone help me out here?

Demo: https://codepen.io/aki-sol/pen/oNeeYJe

Seems to not be related to Matomo…

Maybe not but I expect this to be a common use case among people that use the tracking on their sites. The Matomo docs don’t really offer any information on how to access the iframe to style it so I hope that others here that know the tool could help

If you want to style the Matomo opt-out it is far easier to go with
https://developer.matomo.org/guides/tracking-javascript-guide#optional-creating-a-custom-opt-out-form

as this way the text is regular text on your site