Fonts per CSS auf Website integrieren

[in-flames]

Hi @ll,

wir haben für ein Projekt auf einer Seite einen speziellen Font integriert.

@font-face {
font-family:MARYDALE;
src:url('fonts/marydal.otf'),
url('fonts/marydal.svg') format('svg');
}

Jetzt schreiben einige User das es ewig dauert bis die Seite geladen werden kann. Unsere Vermutung ist das es etwas mit der Schrift zu tun haben könnte. Aber da wir das zum ersten Mal gemacht haben, sind wir in solchen Sachen nicht wirklich fit.

Unsere Frage ist jetzt, ob es wirklich etwas damit zu tun haben könnte.

Vielen Dank schonmal für eure Hilfe.

[Azra]

Um welche Seite handelt es sich, würde gerne selber eben eine Analyse machen.

[in-flames]

ist eine ingame seite. sonst hätte ich einen link gepostet. nur leider kannst du so nicht direkt drauf zugreifen.

[Azra]

OK, schade.
Aber es ist in der Tat so, dass @font-face die Ladezeiten erhöht.
Eine Lösung wäre die Verwendung von JavaScript bzw. der jQuery Bibliothek.

Durch das Plugin "lazyload" lässt sich der Text anzeigen und die Schriftart nachladen.
Artikel:
http://www.stevesouders.com/tests/font-face/lazyload.php

[in-flames]

danke für den tipp. werden das umgehend ausprobieren. sage dir dann bescheid. danke auf alle fälle.

[in-flames]

wir haben das jetzt mit deinem tipp ausprobiert und das funktioniert einwandfrei.

danke schön dafür.

[Azra]

wir haben das jetzt mit deinem tipp ausprobiert und das funktioniert einwandfrei.
danke schön dafür.

Klasse, kein Problem.

[TBT]

oder mal schauen wie Google Webfonts http://www.google.com/webfonts das macht