Skip to main navigation Zum Hauptinhalt springen Skip to page footer

Einbindung Adobe Typekit Fonts auf Website

Adobe bietet die Einbindung der Typekit Schriften in Form von CSS oder JS an.

Methode per JS:

var cssId = 'myCss';  // you could encode the css path itself to generate id…
if (!document.getElementById(cssId))
{
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.id = cssId;
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'https://use.typekit.net/xxxxxx.css';
link.media = 'all';
head.appendChild(link);
}

 

 

Methode per JS für dynmische Untergruppen:

<script>
(function(d) {
var config = {
kitId: 'xxxxxxx',
scriptTimeout: 3000,
async: true
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
</script>

 

Methode per CSS:

<link rel="stylesheet" href="https://use.typekit.net/xxxxxx.css">

 

weitere Infos dazu hier:

helpx.adobe.com/de/fonts/using/embed-codes.html