Schriftart "Bahnschrift" wird nicht auf meinem iPhone angezeigt?
Guten Abend, weiß jemand wieso das die "Bahnschrift" auf meiner Webseite nicht auf meinem iPhone angezeigt wird. Liegt das vielleicht daran das die Schrift von Microsoft ist? Kann man das irgendwie beheben?
Vielleicht noch wichtig zu wissen, dass ich meine Webseite (https://eliasschneider.ch/) mithilfe von Bootstrap programmiert habe.
Wenn mir jemand helfen könnte wäre ich sehr froh.
MFG
Elias
1 Antwort
![](https://images.gutefrage.net/media/default/user/13_nmmslarge.png?v=1551279448000)
Ich hab mir das mal angeguckt, im CSS hast du lediglich die "Bahnschrift" innerhalb der font-family angegeben. Der Pfad zur Schriftart selbst ist aber nirgends deklariert. Du musst die Bahnschrift erst auf den Webspace laden (z.B. in den Pfad der CSS-Datei + /fonts) und den Pfad dann in der CSS angeben, beispielsweise so:
@font-face {
font-family: 'LatoLatinWeb';
src: url('fonts/...woff2') format('woff2'),
url('fonts/...woff') format('woff'),
url('fonts/...ttf') format('truetype');
font-style: normal;
font-weight: normal;
}
(der Pfad ist relativ zur CSS-Datei, andere Pfade ggf. abweichend, es müssen auch nicht alle Formate hinzugefügt werden, TTF dürfte erstmal ausreichen.)
Die meisten Web-Browser sollten mit dem TTF-Format zurecht kommen, falls du die Bahnschrift auch im woff-Format findest, kannst du zusätzliches dieses nehmen, das komprimiert die Schriftart, sodass das Laden schneller geht. Das woff2-Format ist noch etwas aktueller, wird aber nur von neueren Browsern unterstützt. Der Browser sucht sich dann automatisch die Schriftart, die am besten passt.
Nebenbei ist noch zu bemerken, dass Datenschutzerklärung (insb. da Google Fonts und Formulare verwendet wurden) und Impressum fehlen, wobei ich mir nicht sicher ist, ob das auch für Schweizer Seiten gilt. Außerdem ist die Barrierefreiheit relativ schlecht, z.B. durch dunkelgrauen Text auf hellgrauem Hintergrund beim Kontaktformular und der gelben Buttonfarbe.
![](https://images.gutefrage.net/media/user/GeneralXHD/1532022816408_nmmslarge__0_0_120_120_040779a85bcf89fd282fa9af46f30da0.jpg?v=1532022816000)