Fallback Font Order

[smoothjapan]

How can I customise the Fallback font order using Typekit fonts?

I need to do this to make clear what fonts to use for Japanese Scripts and Roman Scripts.
This is for Pro.

Thanks!

[christian]

Hey @smoothjapan,

The Font Manager only uses the fallback that comes with Typekit like this.

If you wish to use your own fallback, you would need to use CSS. Create a class and declare your own font-family set like this (code to be added in Theme Options > CSS):

.japanese-font {
font-family: bello-pro, custom-font-fallback, sans-serif;
}

You can then apply the japanese-font class to your text element. Please note that you would still need to use the Font Manager for your text element for your Typekit font to be loaded. The CSS will only override the font-family.

Hope that helps.

[smoothjapan]

Is there no way to apply this globally?

We’re always faced with the problem of having two languages on a WPML multilingual site, and the Japanese font often needs to be very different to get the same look.

I have heard that by defining the fallback order myself I can get the Japanese to fill in on the missing letters in a roman typeset (which would be ideal, because then I can decide the roman letters first, then supply Japanese font for every character that isn’t in the roman typeset.)

Thanks for your continuous help.

[christian]

Hey @smoothjapan,

Regretfully, what you want to achieve would be quite involved therefore, you should hire or consult with a third party developer for this.

Thank you for understanding.