Benutzerdefinierte Schriftarten in iOS mit Phonegap Canvas

8

Ich versuche, eine benutzerdefinierte Schriftart in Phonegap unter iOS arbeiten zu lassen. Ich habe mehrere Tutorials gelesen und alle verwandten Fragen zu Stack Overflow gelesen und ich kann es immer noch nicht richtig machen, selbst wenn ich alles überprüft habe.

Dies ist die Schrift: Ссылка ( die schwarze Version )

Schritt Ich habe

genommen

Fügen Sie Ihre benutzerdefinierten Schriftdateien mit Xcode als Ressource in Ihr Projekt ein Fügen Sie Ihrer Info.plist-Datei einen Schlüssel hinzu, der als UIAppFonts bezeichnet wird. Machen Sie diesen Schlüssel zu einem Array Geben Sie für jede Schriftart, die Sie haben, den vollständigen Namen Ihrer Schriftartdatei (einschließlich der Erweiterung) als Elemente in das UIAppFonts-Array ein Speichern Sie Info.plist Jetzt können Sie in Ihrer Anwendung einfach [UIFont fontWithName: @ "CustomFontName" size: 12] aufrufen, um die benutzerdefinierte Schriftart für Ihre UILabels und UITextViews usw. zu verwenden ...

  1. Schrift im Ressourcenordner m04b.ttf
  2. hinzugefügt
  3. Hinzugefügtes UIAppFonts-Array. [0] = & gt; 'm04b.ttf'
  4. Überprüft, dass sich die tatsächliche Schriftartdatei in den Ressourcen der Erstellungsphase befindet
  5. ctx.font = '16px M04_FATAL FURY BLACK';

Hat nicht funktioniert.

Versuchte den Postscript-Namen M04_FATAL-FURY-BLACK noch kein Glück. Ich bin hier völlig verloren. Ich weiß wirklich nicht, was ich tun soll, um diesen Fehler zu beheben.

Vielen Dank für jede Hilfe. Was könnte das Problem sein? Was kann ich tun, um zu überprüfen, ob alles geladen wird?

%Vor%     
0plus1 22.03.2013, 02:38
quelle

7 Antworten

5

Ich hatte das gleiche Problem. Ich kann fast garantieren, dass Sie den Namen falsch schreiben, indem Sie ein Leerzeichen oder einen Bindestrich oder etwas anderes eingeben. Setzen Sie dieses in viewDidLoad und suchen Sie einfach nach etwas, das Ihrem Namen ähnlich ist (der allgemeine Name .. nicht der .ttf Name).

%Vor%     
Tommy Devoy 03.05.2013, 00:15
quelle
0

Ich habe CSS font-face benutzt und es funktioniert ziemlich gut: Ссылка .

Ich habe nur die Schriftarten unter www / css hinzugefügt und die Schriftart mit korrekten Pfaden versehen.

    
Vlad Stirbu 25.03.2013 07:35
quelle
0

Fügen Sie die Schriftart in der .plist-Datei unter dem Schlüssel "Fonts by application" hinzu, der bei der Eingabe Ihres Schlüsselnamens anstelle von "UIAppFonts" vorgeschlagen wird.

    
Michaël Azevedo 28.03.2013 14:28
quelle
0

Laden Sie die Schriftart herunter und legen Sie sie irgendwo in Ihren www-Ordner.

in Ihrer CSS-Datei fügen Sie Folgendes hinzu.

%Vor%

src ist der Pfad zu dem Ort, an den Sie die Schriftart heruntergeladen haben. Danach können Sie Ihren Elementen die benutzerdefinierte Schriftart geben, indem Sie den Namen "customFontExample" wie folgt verwenden

%Vor%     
aZtraL-EnForceR 31.03.2013 17:28
quelle
0

Für alle Leute hier draußen, wenn Sie das @ font-face Zeug brauchen, machen Sie es falsch.

Sobald Sie Ihre Schriftart mit UIFont in Ihrer App verfügbar haben, ist sie auch in jedem von Ihnen erstellten UIWebView verfügbar. Sie müssen lediglich die Eigenschaft font-family css auf die richtige Weise angeben.

Zum Beispiel

%Vor%     
Mathieu Amiot 31.03.2013 19:51
quelle
0

Ich habe die Methode "Fonts by application" / Resources embed versucht und festgestellt, dass Sie in Ihrer Anwendung auch die Erweiterung .ttf angeben müssen.

Aber in einem Canvas-Kontext konnte ich die Größe nicht richtig finden, die Schriftart war sehr klein.

Nach meiner Erfahrung funktioniert das nicht gut und Sie müssen auf die html @ font-face-Methode zurückgreifen, was sehr ärgerlich ist, denn es ist sehr schwer zu wissen, wann die Schrift geladen und einsatzbereit ist ...

    
bartburkhardt 02.05.2013 22:57
quelle
0

Ich hatte das gleiche Problem. Das Problem war, dass ich die Schriftart über den Finder zum Ressourcenordner hinzugefügt habe. Ich habe bemerkt, dass die Schriftart, obwohl sie in dem Ordner war, nicht in Xcode erschien. Ich habe dann die Datei über xcode hinzugefügt und es hat funktioniert!

    
Daniela 01.04.2014 16:00
quelle

Tags und Links