Hallo zusammen,
ich habe hier ein ziemliches Problem..
Und ich hoffe, dass irgendjemand vill weiß was ich dagegen tun kann :)
Bin mir nicht sicher ob das hier die richtige Abteilung ist, ggf bitte das Thema verschieben!
Folgendes:
ich binde verschiedene Schriften über @font-face in meiner css ein.
Soweit so gut.
unter Windows etc läuft alles problemlos und wird dargestellt wie gewünscht.
Unter Linux jedoch, rutscht der Text prinzipiell nach oben und lässt sich einfach nicht mittig der Höhe zentrieren. Die Schriftart wird aber angezeigt also liegt es nicht direkt an der @font-face Einbindung. Da wenn ich z.B. Arial angebe (die ja wohl vorinstalliert auf dem System ist) alles wieder passt wie es soll.
Alles googlen hat bisher nichts geholfen..
und nur mit festen Werten nach unten schieben will ich den Text nicht.
Um meinen Text mittig in der Höhe zu zentrieren habe ich folgende CSS verwendet (die überall funktioniert):
die Schrift habe ich so eingebunden:
Meiner Meinung nach alles korrekt.
Nur warum zur ***** funktioniert das nicht auf Linux?
Ich hoffe jemand von euch hat da ne Idee :/
Danke euch schon mal
LG Niki
ich habe hier ein ziemliches Problem..
Und ich hoffe, dass irgendjemand vill weiß was ich dagegen tun kann :)
Bin mir nicht sicher ob das hier die richtige Abteilung ist, ggf bitte das Thema verschieben!
Folgendes:
ich binde verschiedene Schriften über @font-face in meiner css ein.
Soweit so gut.
unter Windows etc läuft alles problemlos und wird dargestellt wie gewünscht.
Unter Linux jedoch, rutscht der Text prinzipiell nach oben und lässt sich einfach nicht mittig der Höhe zentrieren. Die Schriftart wird aber angezeigt also liegt es nicht direkt an der @font-face Einbindung. Da wenn ich z.B. Arial angebe (die ja wohl vorinstalliert auf dem System ist) alles wieder passt wie es soll.
Alles googlen hat bisher nichts geholfen..
und nur mit festen Werten nach unten schieben will ich den Text nicht.
Um meinen Text mittig in der Höhe zu zentrieren habe ich folgende CSS verwendet (die überall funktioniert):
Code:
.text{
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
height: 100%;
position: absolute;
}
die Schrift habe ich so eingebunden:
Code:
@font-face {
font-family: 'BebasNeueLight';
src: url('../assets/fonts/BebasNeueLight.ttf') format('truetype');
}
Meiner Meinung nach alles korrekt.
Nur warum zur ***** funktioniert das nicht auf Linux?
Ich hoffe jemand von euch hat da ne Idee :/
Danke euch schon mal
LG Niki
Zuletzt bearbeitet: