• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] FontAwesome extern einbinden

rantanplan2000

rantanplan2000

Mitglied
Moin,

ich wollte Font-Awesome extern einbinden. Der Link von HTML zu CSS ist klar, hat auch Verbindung. Leider schaffe ich es nicht, den Font-Pfad im CSS richtig anzugeben ... hier der Original-Code:

Code: 
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Jetzt wollte ich alle Pfade bzw. das .../ durch den vollen url-pfad ersetzen, das reicht aber nicht. z.B.

Code: 
  src: url('https://www.google.de/fonts/fontawesome-webfont.eot?v=4.7.0');

Irgendwelche Tipps?
 
Werbung:
Ich habe das FontAwesome CSS ja mit link im head eingebunden. Die Verknüfpung steht auch. Nur muss FontAwesome ja auf die Font-Dateien (font-face) zugreifen können und da schaffe ich keine korrekte Verbindung.
 
Werbung:
So, dass die ganzen Schriften (eot, woff ...) über eine URL geladen werden und nicht lokal vom Server. Wie eben die google fonts, dass ein link zu fontawesome reicht um die schrift zu verwenden.

Ich will eben das Font-Face

Code: 
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

egal von welchem server aus verwenden. dafür muss ich ja die pfade richtig angeben.
 
Zuletzt bearbeitet:
rantanplan2000 schrieb:
So, dass die ganzen Schriften (eot, woff ...) über eine URL geladen werden und nicht lokal vom Server.
Zum Vergrößern anklicken....
Also vom Server ausgehend...
rantanplan2000 schrieb:
Jetzt wollte ich alle Pfade bzw. das .../ durch den vollen url-pfad ersetzen, das reicht aber nicht. z.B.

Code: 
  src: url('https://www.google.de/fonts/fontawesome-webfont.eot?v=4.7.0');

Irgendwelche Tipps?
Zum Vergrößern anklicken....
Wenn Dein Server nicht über HTTPS, sondern HTTP läuft, greifen "Gemischte Inhalte" und der Request wird vom Browser unterdrückt.
Lösung: das HTTPS-Protokoll (incl. Doppelpunkt) im URL entfernen:
Code: 
src: url('//www.google.de/fonts/fontawesome-webfont.eot?v=4.7.0')
 
Werbung:
Ahhhhhhhhhhhhhh .... na auf euch ist immer Verlass! Danke! Da wär ich in 100 Jahren nicht drauf gekommen. :)

EDIT:

Hmpf ... geht immmer noch nicht. Habe es sogar mit einer https (volle url) Adresse versucht ... Hm ...
 
Zuletzt bearbeitet:
rantanplan2000 schrieb:
EDIT:

Hmpf ... geht immmer noch nicht. Habe es sogar mit einer https (volle url) Adresse versucht ... Hm ...
Zum Vergrößern anklicken....
rantanplan2000 schrieb:
Code: 
  src: url('https://www.google.de/fonts/fontawesome-webfont.eot?v=4.7.0');
Zum Vergrößern anklicken....
Ooh, what a miracle o_O
Aber auch mit der aktuellen URL-Struktur gemäß https://developers.google.com/fonts/docs/getting_started findet sich nichts:
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben