Ich habe eine Website mit einigen nicht websicheren Schriftarten erstellt. Damit sie auf den meisten Geräten angezeigt werden kann, habe ich sie in alle gängigen Dateiformate konvertiert, einschließlich SVG für iPhone und iPad. Dies scheint jedoch weder auf dem iPad noch auf dem iPhone zu funktionieren.
Ich habe dies schon bei früheren Websites getan und es hat perfekt funktioniert, aber aus irgendeinem Grund funktioniert es bei mir dieses Mal nicht. Ich wäre wirklich dankbar, wenn mir jemand dabei helfen kann.
Ich habe die Seite hochgeladen, damit ich Hilfe bekommen kann. Ich hoffe, dass ich etwas Dummes übersehen habe. Ich habe in den letzten Tagen meinen Kopf gegen die Wand geschlagen. Ich hoffe, dass einer von euch Genies in der Lage sein könnte, mir noch einmal zu helfen.
Das CSS finden Sie unten:
@font-face {
font-family: 'Franchise';
src: url('font/Franchise-Bold.eot?#iefix') format('embedded-opentype'),
url('font/Franchise-Bold.woff') format('woff'),
url('font/Franchise-Bold.ttf') format('truetype'),
url('font/Franchise-Bold.svg#Franchise-Bold') format('svg');
}
Die Website lautet www.pikatzu.com/demo
EDITAR
Ich habe die Lösung des Problems in diesem Thread gefunden: @font-face funktioniert nicht im mobilen Webkit Allerdings sind die Buchstabenabstände der Schrift auf dem iPad und iPhone riesig. Gibt es eine Möglichkeit, dies zu beheben?
Nochmals vielen Dank im Voraus