[Resolved] use.typekit.net adobe fonts not loading on mobile

[elusive2k]

Hi,

I have used this font: https://fonts.adobe.com/fonts/new-order
Created a element Hook in wp_head to display on entire site.
I tried code in element “font”:

<style>
@import url("https://use.typekit.net/ljn6naj.css");
</style>

And I tried code in element “font”:
<link rel="stylesheet" href="https://use.typekit.net/ljn6naj.css">
Both work on desktop chrome and safari.
But none of these work on mobile Android Chrome (neither incognito).

Please help me out you can see results on https://boostmijnbedrijf.nl/

Kind regards, Kumar

[David]

Hi there,

the typekit styles are loading, but if i look at the stylesheet it is using:

font-family:"new-order";

So you need to edit your Font in Customizer > Typography and change the Font Family name to: new-order

[elusive2k]

my god, seriously, you’re spot on, my bad… I had New Order instead of new-order… devil is in the details, right :-p
Thank you very much!!
By the way; have a look at the blocks I created using jquery the 2×2 blocks which say “Strategie, Planning, Acquisitie, Promotie”. Perhaps this is a feature worth building into GenerateBlocks 🙂

[elusive2k]

Not a really big deal, but now in /wp-admin Gutenberg page editor I see this ugly Times New Roman -like font, is there a option to fix this too to use the adobe font?

[elusive2k]

Figured it out, pretty cool the ENTIRE WordPress admin in the same font 🙂

Added below code in functions.php of child-theme 🙂

function custom_admin_open_sans_font() {
    echo '<link rel="stylesheet" href="https://use.typekit.net/ljn6naj.css">' . PHP_EOL;
    echo '<style>body, #wpadminbar *:not([class="ab-icon"]), .wp-core-ui, .media-menu, .media-frame *, .media-modal *{font-family:"new-order" !important;}</style>' . PHP_EOL;
}
add_action( 'admin_head', 'custom_admin_open_sans_font' );

[David]

Glad to hear that – and yes i like the 2×2 blocks. The good news is we’re working on Interactions for GB – first off will be an Accordion function, so from there we should be able to enable those kinds of effect – its really cool – nice looking site!

[elusive2k]

Oh really that’s soooo awesome!! I am really looking forward to it!

Thanks for your compliment, I really do appreciate that, if you want to I could share you my code base and all so you can have a peek into how I have done this, or even share you the FTP credentials 😉

The site I started with your starter-site from site-library called “Cloud”.
From there on I have only used mostly GenerateBlocks 🙂
There is a reason why I really love GeneratePress and use it for all my (clients) websites!!

Keep it up! Great and Awesome work! And lightning fast support! JUST THE BEST!

[David]

Appreciate the offer – i can see the jQuery scripts you’re running. The GB scripts will be vanilla JS so we can run without framework 🙂

Looks great though – and thanks for the kind feedback!!

[Author]

Posts