Archived topic
use.typekit.net adobe fonts not loading on mobile
7 replies · Started by elusive2k on February 15, 2022
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
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
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 2x2 blocks which say "Strategie, Planning, Acquisitie, Promotie". Perhaps this is a feature worth building into GenerateBlocks :)
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?
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' );Glad to hear that - and yes i like the 2x2 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!
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!
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!!
