mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 11:57 Benutzername: Passwort: Auto-Login

Thema: CSS @font-face IE8 vom 06.09.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS @font-face IE8
Seite: 1, 2  Weiter
Autor Nachricht
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.09.2010 12:06
Titel

CSS @font-face IE8

Antworten mit Zitat Zum Seitenanfang

Ich versuche grad meine neue Seite in so vielen Browsern wie möglich zum Laufen zu bringen. Dabei bin ich über ein Schriftenproblem gestolpert:

Mit diesem CSS habe ich IE, FF, Safari und Opera bedient:

Code:
@font-face {
 font-family: chunk;
 src: url("../fonts/chunk.eot") /* EOT file for IE */
}

@font-face {
font-family: chunk;
src: url("../fonts/chunk.otf") format("opentype");
}


Für Mobile Safari auf iOS-Geräten habe ich nach dieser Anleitung

http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

den Font als SVG hinzugefügt:

Code:
@font-face {
 font-family: chunk;
 src: url('../fonts/chunk.eot') /* EOT file for IE */;
 src: url('../fonts/chunk.otf') format('opentype'),
      url('../fonts/chunk.svg#font') format('svg');
}


Jetzt ignoriert der IE sein EOT *Schnief* Jemand ne Idee, was ich falsch mache?

relevante URLs:

http://udo-schmitz.de/test3

http://udo-schmitz.de/test4


Zuletzt bearbeitet von am Mo 06.09.2010 12:08, insgesamt 1-mal bearbeitet
 
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 06.09.2010 12:31
Titel

Antworten mit Zitat Zum Seitenanfang

ich würde das nicht hintereinander machen, sondern das eot per conditional comments nach den normalen fontfaces laden. so klappts bei mir immer
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.09.2010 12:51
Titel

Antworten mit Zitat Zum Seitenanfang

Das:

Code:
@font-face {
 font-family: chunk;
 src: url('../fonts/chunk.otf') format('opentype'),
      url('../fonts/chunk.svg#font') format('svg') /* font for iOS */;
}

<!--[if IE]>
@font-face {
 font-family: chunk;
 src: url('../fonts/chunk.eot') /* EOT file for IE */;
}
<![endif]-->


funktioniert nicht,

das:

Code:
@font-face {
 font-family: chunk;
 src: url('../fonts/chunk.otf') format('opentype'),
      url('../fonts/chunk.svg#font') format('svg') /* font for iOS */;
}

@font-face {
 font-family: chunk;
 src: url('../fonts/chunk.eot') /* EOT file for IE */;
}


komischerweise schon. Das ist aber sehr unsauber und ich kann nur hoffen das alle anderen brauser das 2. @font-face wirklich ignorieren Menno!

http://udo-schmitz.de/test6


Zuletzt bearbeitet von am Mo 06.09.2010 12:52, insgesamt 1-mal bearbeitet
 
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mo 06.09.2010 13:02
Titel

Antworten mit Zitat Zum Seitenanfang

Ignorieren sie nicht ...
Hast Du die CCs direkt in die Stylesheet geschrieben ??
Das kann auch nicht klappen.

Ich würd über CC ein extra Stylesheet ("ie.css") aufrufen, fertig .. In die ie.css kommen dann die Anweisungen für den Netzerkunder ...
  View user's profile Private Nachricht senden
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.09.2010 13:07
Titel

Antworten mit Zitat Zum Seitenanfang

DerM hat geschrieben:
Ignorieren sie nicht ...
Hast Du die CCs direkt in die Stylesheet geschrieben ??
Das kann auch nicht klappen. .


Ach. Oh Ooops

Zitat:
Ich würd über CC ein extra Stylesheet ("ie.css") aufrufen, fertig .. In die ie.css kommen dann die Anweisungen für den Netzerkunder ...


So was wollte ich vermeiden *Schnief*

Du sagst: "Ignorieren sie nicht", aber wenn sie mit EOT nix anfangen können, kann ja nix passieren, oder? mein Safari zeigt den Font jedenfalls an ...
 
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst Mo 06.09.2010 13:14
Titel

Antworten mit Zitat Zum Seitenanfang

Also im FF 3.6.8 wird mir Times angezeigt..
Mac OSX 10.6.4


Zuletzt bearbeitet von DerM am Mo 06.09.2010 13:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
phoelynx

Dabei seit: 29.07.2007
Ort: Mannheim
Alter: -
Geschlecht: Männlich
Verfasst Mo 06.09.2010 13:20
Titel

Antworten mit Zitat Zum Seitenanfang

DerM hat geschrieben:
Also im FF 3.6.8 wird mir Times angezeigt..
Mac OSX 10.6.4


same here

unter Safari gehts, unter FF nicht, beides aktuellste Versionen
  View user's profile Private Nachricht senden
Benutzer 84934
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 06.09.2010 13:26
Titel

Antworten mit Zitat Zum Seitenanfang

Danke Leute.

Ich hab die source aus der Anleitung

http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

mal auf meinen Server geladen:

http://udo-schmitz.de/demo/demo.html

Da funktioniert es. Also muss der Fehler auf meiner Seite liegen ... vielleicht der Pfad zur Schrift ...?
 
 
Ähnliche Themen Firefox erkennt Font nicht? (@Font-Face)
@font-face funktioniert nicht
Free Fonts für @font-face
schrift einbinden mit @font-face
Dateizugriff per htaccess verhindern und @font-face
@font-face: Welche Schriften haben Lizenzen?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.