Custom font on iOS

[haffy]

I am trying to add a custom font on my iOS devices and Mac OS. I have done this:

Added the font file to the iCloud drive beside the .css I use. And added this code to the CSS file.

@font-face {
font-family: ‘iAWriterMonoS’;
font-style: normal;
font-weight: normal;
src: url(iAWriterMonoS-Regular.ttf);
}

and also

.cm-line {
font-family: ‘iAWriterMonoS’;
font-size: 14px;
}

It seems like it does not load the font file, like it can’t find it.

And extra question, how do I target UI font?

[ariehen]

AFAIK, you can’t just copy fonts onto iOS and use them. They need to be installed using a configuration profile.

I used Fontcase to install fonts in iOS/iPadOS and Minimal Theme Settings to set a custom editor font.

Other options are in Settings>Appearence

[haffy]

Thank you, that worked great !

[ariehen]

Glad to help!

Once they are installed you can use them in Obsidian and your CSS, but I’m not sure if @font-face will work.