xfl

xl-fontload

Chinesische Schriftnetzwerk. Schneiden Sie die Schriftart gemäß der Wortfrequenz und führen Sie das faule Laden durch das vordere Ende durch. Es ist kein Backend -Programmunterstützung erforderlich.

• Demonstrationsdatei Quelle: Bildungsministerium: Bildungsministerium
• Listet die Conversion -Schriftarten auf. Orte in den Schriftarten/ Verzeichnis, mit einer unkonventionellen Struktur. Suchen Sie automatisch nach allen .ttf -Endarchiven.
• Für jede Schriftart:
  • Listen Sie alle unterstützten Charaktere auf
  • Unter ihnen werden fünfhundert Zeichen, Interpunktionsmarken, englische Buchstaben, Zahlen usw. üblicherweise als erste Schriftart verwendet.
  • Wenn die verbleibenden Zeichen in der Wortfrequenztabelle angezeigt werden, wird eine Zeichendatei gemäß den Hundertzeichen der Wortfrequenz gebildet.
  • Die verbleibenden unkorrelierten Zeichen werden für jede hundert Zeichen in eine Schriftart geformt.
  • Alle Schriftart Dateien werden im selben Verzeichnis platziert und die Dateinamen werden nach Zahlen getrennt.
  • Ausgabe von Word Code/Schriftart Dateinummer Korrespondenztabelle für die schnelle Überprüfung des Front-Ends.

Verwendung / Compiler

• Dieses Projekt verwendet NodeJs. Bitte installieren Sie zuerst NodeJS und NPM und verwenden Sie NPM Installation, um das Verzeichnis node_modules zu erstellen. Referenzanweisungen:

   curl -sL https://deb.nodesource.com/setup_8.x | sudo bash -
  npm install
  

• Organisieren Sie die Schriftarten, die Sie in die Schriftarten/ das Verzeichnis konvertieren möchten, wobei die Verzeichnisstruktur uneingeschränkt ist. Das Programm scannt automatisch alle Schriftartdateien.

  • Derzeit wird nur TTF ~ Chilly gegessen.

• Bereiten Sie die Schriftdatei wort-frequency.csv vor

• Führen Sie den Converter Compile.sh aus

• Die Schriftdatei wird im Vermögen/ Verzeichnis ausgegeben.

Verwendung / Frontend

Grundnutzungsmethode:

 xfl.load("http://path/to/scattered/font/folder/", options, function(font) {
    font.sync(stringToDisplay);
})

Beispiele für dynamisch Laden von Schriftarten basierend auf sofortigen Inhalten:

 /* assume we have "textarea" variable to be an input box accepting user input */
xfl.load("http://path/to/scattered/font/folder/", options, function(font) {
   textarea.addEventListener("keyup", function() {
     font.sync(textarea.value);
   });
})

Wenn Sie nicht planen, Ihre eigene Schriftart Datei zu erstellen, können Sie eine Reihe von Schriftartdateien verwenden, die wir auf Github -Seiten erstellt haben. Der Standort der Projektbibliothek ist hier. Wenn Sie es verwenden möchten, können Sie diese Website verwenden: http://plotdb.github.io/xl-fontset/alpha/<font Name>, zum Beispiel:

 xfl.load("http://plotdb.github.io/xl-fontset/alpha/瀨戶字体", function(font) { ...

Bitte ändern Sie "<Schriftart Name>" in die Schriftart, die Sie verwenden möchten. Eine Liste der derzeit unterstützten Schriftarten finden Sie hier, darunter Wang Hanzong 42 Schriftarten, Steinschnitzereien, Station Cool, Cwtext-Q, Seto-Schriftarten usw., insgesamt 57 Schriftarten.

Es ist zu beachten, dass es beim Konvertieren von Schriftarten immer noch einige Probleme gibt, was zu fehlenden Zeichen in einigen Schriftarten führen kann. Darüber hinaus enthalten nicht alle Schriftarten vollständige chinesische Zeichen, bitte verwenden Sie sie nach eigenem Ermessen.

Optionen:

• FontName - Name in der Schriftfamilie verwendet. Standard ist der Grundname der URL.
• (TBD) Text - Vorladen von Dateien, die in dieser Option Text enthalten.

Zukünftige Richtung

• Übertragungsoptimierung (Optimierung)
  • Unter Berücksichtigung der Charakterkorrelation kann der Charakterraum über Mochi und spezifisches Korpus erstellt werden, sowie die Gruppierung von Zeichen als Grundlage für das Schneiden von Clustering-Algorithmus (z. B. K-Means-Clustering), wodurch die Anzahl der zu geladenen Dateien verringert wird.
  • Die Dateigröße weiter optimieren.
  • Geben Sie die Module nginx und Apache -Datei an, sodass Browser die erforderlichen Dateien über eine einzelne HTTP -Anforderung abrufen können (z. B. erhalten Sie https: // path/to/font/1+2+3+4)
• Qualitätsprobleme (Qualität)
  • Der fehlende Wortteil kann verwendet werden, um Online -Lernen mithilfe des kontroversen Stils zu generieren und automatisch auszufüllen.
  • Das oben genannte Netzwerk der kontroversen Generation kann auch verwendet werden, um die Erzeugung neuer Schriftarten zu unterstützen.
• andere
  • Setzen Sie die Parametrisierung, und beim Erstellen von Schriftartdateien können Sie die Schriftart anpassen, indem Sie diese festlegen.
• Google Font hat ähnliche Techniken implementiert, um chinesische Schriftarten zu laden. Sehen:
  • https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization
  • Beispiel CSS:
    • https://fonts.googleapis.com/css?family=zhi-mang-xing&display=swap

LIZENZ

• Schriftart Dateien: Alle kuratierten Schriftdateien werden separat in einem anderen Repo (xl-fontset) platziert und entweder GPL oder SIL-OFL-lizenziert. (OK für den kommerziellen Gebrauch)
• Quellcodes werden unter MIT -Lizenz veröffentlicht.