R
rico2009
Guest
Hi,
ich habe da ein Phänomen was ich nicht so recht verstehe. Ich habe ein Webfont mit Icons via CSS eingebunden (Code gibt´s weiter unten). Leider ist die Position unter Windows komplett anderst als z.B. unter Linux. Ich habe extra mal zum Test eine separate Seite erstellt und dort sieht man ziemlich gut, dass die Icons unter Linux mittig sitzen, unter Windows am oberen Rand. Die CSS Angabe sind (laut Firebug) alle identisch. Habt ihr ne Idee woran das liegen könnte? Könnte eventuell bei der Erstellung des Webfonts irgendwas schief gelaufen sein?
HTML:
ich habe da ein Phänomen was ich nicht so recht verstehe. Ich habe ein Webfont mit Icons via CSS eingebunden (Code gibt´s weiter unten). Leider ist die Position unter Windows komplett anderst als z.B. unter Linux. Ich habe extra mal zum Test eine separate Seite erstellt und dort sieht man ziemlich gut, dass die Icons unter Linux mittig sitzen, unter Windows am oberen Rand. Die CSS Angabe sind (laut Firebug) alle identisch. Habt ihr ne Idee woran das liegen könnte? Könnte eventuell bei der Erstellung des Webfonts irgendwas schief gelaufen sein?
HTML:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
@font-face {
font-family: 'example';
src: url('font-2.eot');
src: url('font-2.eot?#iefix') format('embedded-opentype'),
url('font-2.woff') format('woff'),
url('font-2.ttf') format('truetype'),
url('font-2.svg#font-2') format('svg');
font-weight: normal;
font-style: normal;
}
body {
border: 1px solid red;
padding: 0;
margin: 0;
height: auto;
width: auto;
}
#font1:before {
font-family: example;
font-size: 38px;
content: "a";
}
#font2:before {
font-family: example;
font-size: 38px;
content: "b";
}
#font3:before {
font-family: example;
font-size: 38px;
content: "c";
}
#font4:before {
font-family: example;
font-size: 38px;
content: "d";
}
#font5:before {
font-family: example;
font-size: 38px;
content: "e";
}
</style>
</head>
<body>
<span id="font1"></span>
<span id="font2"></span>
<span id="font3"></span>
<span id="font4"></span>
<span id="font5"></span>
</body>
</html>
Zuletzt bearbeitet:
