2 Stimmen

Buchstabenabstand der Schriftart Font-face zu groß auf iPhone und iPad

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

1voto

Seedorf Punkte 655

Das Problem war der von mir verwendete Schriftartenkonverter. Ursprünglich habe ich fontforge verwendet. Ich habe eine schnelle Suche durchgeführt und eine Alternative gefunden: http://www.fontsquirrel.com/fontface/generator und ich würde dies allen anderen empfehlen, die Fontforge verwenden.

Danke, Leute, für eure Zeit und euren Beitrag :-)

Mit freundlichen Grüßen, Seedorf

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X