Autor |
Nachricht |
Benutzer 84934
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 06.09.2010 12:06
Titel CSS @font-face IE8 |
|
|
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 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:
|
Verfasst Mo 06.09.2010 12:31
Titel
|
|
|
ich würde das nicht hintereinander machen, sondern das eot per conditional comments nach den normalen fontfaces laden. so klappts bei mir immer
|
|
|
|
|
Anzeige
|
|
|
Benutzer 84934
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 06.09.2010 12:51
Titel
|
|
|
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
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:
|
Verfasst Mo 06.09.2010 13:02
Titel
|
|
|
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 ...
|
|
|
|
|
Benutzer 84934
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 06.09.2010 13:07
Titel
|
|
|
DerM hat geschrieben: | Ignorieren sie nicht ...
Hast Du die CCs direkt in die Stylesheet geschrieben ??
Das kann auch nicht klappen. . |
Ach. Oh
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
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:
|
Verfasst Mo 06.09.2010 13:14
Titel
|
|
|
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
|
|
|
|
|
phoelynx
Dabei seit: 29.07.2007
Ort: Mannheim
Alter: -
Geschlecht:
|
Verfasst Mo 06.09.2010 13:20
Titel
|
|
|
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
|
|
|
|
|
Benutzer 84934
Account gelöscht Threadersteller
Ort: -
|
|
|
|
|
|
|
|
Ä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?
|
|