What’s all tis nonsense ??

[Michael GilliganParticipant @michaelgilligan61133]

I’ve just let Grok have a try:

Q. wordpress forum ribbon is showing emojis instead of the icons

Answer is interesting, and suggests that it may indeed be a ‘Font Substitution’ problem

.

 […] is most commonly caused by a missing or failed load of icon fonts, such as Dashicons (the default WordPress admin/icon font) or Font Awesome (if your theme or forum plugin uses it).

Common Causes
Missing icon font CSS/JS: The theme, forum plugin (e.g., bbPress or wpForo), or a child theme isn’t properly enqueuing the icon font files. This causes the browser to fall back to system emojis for certain Unicode characters used in pseudo-elements (e.g., via ::before content). […]

But that would be server-side wouldn’t it ???

MichaelG.

 

[Michael GilliganParticipant @michaelgilligan61133]

I regret to say that after the recent iPadOS update to 16.7.14 … this ridiculous issue persists

🙁

MichaelG.

[jaCK HobsonParticipant @jackhobson50760]

In chrome, if you ‘right click’ on an icon and choose ‘inspect’ you can spend days investigating all sorts of things.

 

The editor window is provided by a javascript plugin called Tiny MCE.

This uses a font to display those menu items.

In your case, the font is not loading … so defaults to something else.

The font-family is ‘dashicons’

I think it might be coming from the resource tinymce.woff

I think this is sourced from https://www.model-engineer.co.uk/wp-includes/js/tinymce/skins/lightgray/fonts/tinymce.woff

er… so it should be loaded from the same site as everything else (model engineer).

So I’m stumped. You have something local that is interfering with loading this font package from this site.

If you refresh page, right click inspect, go to network tab and filter on ‘font’ myave you get some clue?

 

Sorry… but might be interesting.

 

 

Edit… actually the font seems to be specified in dashicons.min.css?ver6.9

This specifies the url … but also seems to have an embedded base64 encoded font string as a src. So should even fall back to this embedded.

I really have streached the limits of my understanding now.

[Michael GilliganParticipant @michaelgilligan61133]

Many thanks for your thoughts, Jack

Unfortunately the problem is exclusive to my iPad Pro 9.7” … on which ‘inspecting’ anything is tricky.

MichaelG.

[jaCK HobsonParticipant @jackhobson50760]

Settings>Safari>Advanced>Web Inspector = turn this on 🙂

there are loads of experimental settings as well … maybe something to check in there

 

edit: ah: “Once enabled, you’ll need to physically connect your iPhone or iPad to your Mac.”

[Michael GilliganParticipant @michaelgilligan61133]

Thanks again, Jack

I will investigate …

but it will have to be when I’m feeling better than today 🙁

MichaelG.

.

[Michael GilliganParticipant @michaelgilligan61133]

My posting crossed with your edit

… it’s that sort of day

MichaelG.

[jaCK HobsonParticipant @jackhobson50760]

Ha! On my old iPad I have same trouble. So you are not alone.

 

this leads me to suspect that this might be a problem with the detail of how this site imports tiny mce and it resources that this old iPad objects to. There are a few posts on net as to how changes to  the website might fix… couldn’t find an easy local fix. Maybe something buried in advanced😒

[jaCK HobsonParticipant @jackhobson50760]

I tried a lot of the avanced options but with no effect.

[jaCK Hobson]

On jaCK Hobson Said:

Ha! On my old iPad I have same trouble. So you are not alone.

 

this leads me to suspect […]

Welcome aboard

MichaelG.

[Michael GilliganParticipant @michaelgilligan61133]

As if by magic … Normality is restored !

Could you please check yours, Jack ?

MichaelG.

[Author]

Posts