TypeKit ist noch nicht geladen, bevor du deine try-catch ausführst, da die Font asynchron geladen wird.
Sehr alt aber funktioniert. Ansonsten mit await arbeiten.
https://blog.typekit.com/2011/05/25/...synchronously/
Die Quell-URL kannst du löschen, folgendes Script kannst du einfügen in Skript (Bestätigt):
HTML-Code:
(function() {
var config = {
kitId: 'spr4wor'
};
var d = false;
var tk = document.createElement('script');
tk.src = '//use.typekit.net/' + config.kitId + '.js';
tk.type = 'text/javascript';
tk.async = 'true';
tk.onload = tk.onreadystatechange = function() {
var rs = this.readyState;
if (d || rs && rs != 'complete' && rs != 'loaded') return;
d = true;
try { Typekit.load(config); } catch (e) {}
};
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(tk, s);
})();
Edit:
Ansonsten einfach sofort die css laden mit diesem Einzeiler in "Benutzerdefiniert (Skript)"
HTML-Code:
(()=>{const typekit=document.createElement('link');typekit.rel='stylesheet';typekit.href='https://use.typekit.net/spr4wor.css';document.head.appendChild(typekit);})();
^ Übrigens auch möglich mit Google Fonts, wobei ich hier immer empfehle, dass diese lokal eingebunden werden sollen
Lesezeichen