2016-06-17 7 views
0

Ich verwende Schriftarten aus einem Font-Repository, das oft verschiedene Schriften unter dem gleichen Namen speichert. Zum Beispiel könnten zwei verschiedene Schriftarten sein:Verknüpfen mit externen Schriftarten, die den gleichen Namen haben?

<link href="//db.onlinewebfonts.com/c/edeb336ecd776e23d99355eb2b52cbc7?family=NeuzeitGroteskW01-Regular" rel='stylesheet' type='text/css'> 

<link href="//db.onlinewebfonts.com/c/[some other random character string]?family=NeuzeitGroteskW01-Regular" rel='stylesheet' type='text/css'> 

einschließlich der obigen Links in meiner Seite <head> bedeutet, dass die zweite Version der Schrift wird derjenige sein, der als NeuzeitGroteskW01-Regular in der CSS verwiesen wird. Gibt es eine Möglichkeit, von einem externen Server mehrere Schriften zu verwenden, die denselben Namen haben?

Antwort

2

Es gibt keine "saubere" Vorgehensweise, da das Überschreiben von CSS-Regeln Teil der Funktionalität ist.

Vielleicht könnten Sie das CSS mit Javascript mit einem XHR laden, ersetzen Sie den Namen der Schriftart in der XHR-Antwort und fügen Sie den neuen String als CSS-Regel mit insertRule im laufenden Betrieb.

Wieder ist es nicht sauber, aber sollte den Trick tun. Hier finden Sie einige Informationen über insertRule.

CSSStyleSheet.insertRule()

+0

Tat - scheint nicht, wie die sauberste Ansatz, aber eine interessante Idee. Vielen Dank! – Boa