Google Web Fonts – Mehrere Schriftstile im IE8 und älter laden

Die Google Web Fonts sind toll und funktionieren in der Regel auch sehr gut. Aber heute bin ich auf ein Problem im Internet Explorer 6, 7 und 8 gestoßen.

Definiert man in einer Anfrage mehrere Schriftstile gleichzeitig, dann liefert Google nur den Standard-Stil zurück, wenn man einen IE < = 8 benutzt.

<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300" rel="stylesheet" />

Die Lösung ist trivial. Einfach separate Anfragen stellen:

<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300" rel="stylesheet" />

Es gibt bei Google auch nen Bug-Report dazu. Der ist allerdings schon fast zwei Jahre alt und es ist wohl fraglich, ob der jemals behoben wird.

Danke an Richard Fink, dessen Blogpost mir sehr geholfen hat.

Internet Explorer unter Linux

Schon lange gibt es Ansätze, welche Webentwickeln helfen sollen den Internet Explorer auch direkt unter Linux testen zu können.
Die Möglichkeiten sind auf 2 Varianten begrenzt:

  • Emulation mit Wine
  • Ein komplettes Windows-Image in einer virtuelles Maschine, z.B. vmware

Beides hat seine Vor- und Nachteile.

Wer sich für Wine entscheidet, dem wird dieses Tool, das ich gerade gefunden habe, sehr viel Arbeit abnehmen. ies4linux automatisiert die Installation des IE 5.0, 5.5, 6.0 und in der aktuellen beta-Version auch des IE 7.

Bei einem Test meinerseits klappte die Installtion der deutschen Varianten leider nicht, die englische funtzt aber gut. Bis auf den IE7, der sich zwar starten lässt aber keine Seite anzeigt, scheinen die IEs auch zu funktionieren.

Zumindest für schnelle Tests ist diese Lösung also durchaus geeignet.

IETester

Hi,

heute hab ich was verdammt cooles gefunden, das sich jeder Web-Entwickler wohl schon mindestens einmal gewünscht hat. Alle wichtigen Internet Explorer Versionen parallel und einfach zu bedienen auf einem System. Bisher war der einzig brauchbare Ansatz die Virtual-PC Images, die Microsoft zur Verfügung stellt.

Dank dem IETester sind diese Zeiten nun vorbei. Mit diesem super Tool kann man seine Seiten ganz bequem mit dem IE in den Versionen 5.5,6,7 und sogar 8 beta 1 testen!

Ein kurzer Test war durchaus positiv, obwohl sich die Software noch im Alpha-Stadium befindet.

Tolles Teil :)

overflow:auto, position:relative und der IE

Hiho,

grad mal wieder über einen CSS-Fehler im IE 6 gestoßen.
Will man, dass ein Element bei Bedarf scrollt, verwendet man in der Regel overflow: auto.
Das funktioniert soweit ganz gut. Allerdings nur, solange das Element keine Kinderelemente enthält, welche die Eigenschaft position:relative besitzen. Ist dies der Fall tritt beim IE6 (vermutlich auch beim IE5.X) ein Fehler auf und der Inhalt tritt aus dem Container-Element heraus.

#container {
  height: 20px;
  overflow: auto;
}

li {
  position: relative;
}
<div id="container">
  <ul>
    <li>Listeneintrag</li>
  </ul>
</div>

Abhilfe schafft hier ein simples position: relative im Container-Element.
So einfach ist die Lösung, man muss es nur wissen ;)

object doesn’t support this property or method

Hi,

bin grad mal wieder über ein total dämliches Problem mit dem Internet Explorer gestolpert.

element = document.getElementById('element');

Das wird einen Fehler werfen, sobald ihr auf element zugreifen wollt.
Warum? Tja, eigentl eine gute Frage. Die Antwort ist umso schockierender.

Der Internet Explorer scheint sich intern für jedes Element mit einer eindeutigen ID bereits eine Variable zu reservieren. Ergo, der Versuch diese zu überschreiben schlägt fehl und somit auch alle späteren Versuche darauf zuzugreifen.

Abhilfe schafft hier einfach das Wählen eines anderen Variablennamens.

Google Maps und der Internet Explorer

Guten Abend,

Gerade hatte ich ein kleines Problem beim Zusammenspiel von Google Maps und dem Internet Explorer.
Beim Aufruf meiner Seite, in die ich eine Karte eingebunden habe, flog mir folgende Fehlermeldung um die Ohren:

Die Seite „blabla“ enthält Fehler. Der Vorgang wurde abgebrochen

Des Rätels Lösung ist eigentlich ganz einfach.
Ich hatte meinen JavaScript-Code, der die API von Google Maps ansteuert direkt im HTML-Code stehen.
Das mag der IE anscheinend nicht.

Lösung:

Die JavaScript Anweisungen in eine Funktion packen, hier „googleStuff()“ und dann den body-Tag ergänzen:

<body onload="googleStuff()" onunload="GUnload()">
</body>

So klappts bei mir wunderbar!