Custom Font for iOS

[iBluefoot]

My custom font is not working in iOS for all browsers.

Simplonius | by Mr. Bird

Is there any means to remedy this?

[scrambler]

Have you checked that is is supported by the browser you are using?

Not all browsers support all fonts.

You may also want to clarify how you added the font to the theme

[Weaver]

I can’t see any instance where the fonts are different on my Firefox browser on my macOS desktop and on my iPhone 11.

Where specifically do you think your custom font should be showing up? I looked at several pages, and the fonts were consistent.

You won’t get a new font to show up just by loading the font files – you also have to provide appropriate CSS rules and classes on the text that use any font.

[iBluefoot]

I set up the custom font using the Weaver Xtreme Plus Font Control.

The font in the headers and menu should all be the same as the font in the banner and in the comics themselves.

I set the font up years ago using your instructions, and it seems to work fine in all of my Windows browsers and yet does not work in any of my iOS browsers.

[scrambler]

On Windows Chrome, the font active is brushwork, but definitely does not look like the cartoon font.

So if the font in question is brushwork, but should look like a graphic font, this is not just an IOS issue.

you may want to redo the font in the theme and detail what is the font source you are using

[iBluefoot]

Yes, it is the Brushwork font.

I uploaded the font to one of my other wordpress sites to run a test, and the font successfully worked there in my Windows browsers but not my iOS browsers.

But it seems it is not working on my son’s Windows computer.

So maybe, it is only working on my Windows device because the font is installed on it.

Here is the font’s css if that helps.

http://dragonflower.ink/simplonius/wp-content/uploads/fonts/brushwork/stylesheet.css

[scrambler]

Clearly it must not be installed properly, so you should redo the installation from scratch, and if it still does not work, for @weaver to help, you will need to provide the detailed step by step of what you did.

 

[Weaver]

If you follow the link you provide, you will see a 404. The font file is simply no longer at that link. You need to re-install it.

[Author]

Posts