chinese free web font storage

Chinesische Website Plan V5

Netlify -Webseite

Einführung

Dies ist ein GitHub -Projekt, das kostenlose im Handel erhältliche Web -Schriftart -Dateien sammelt! Auf Webseiten gibt es aufgrund der enormen Eigenschaften chinesischer Charaktere sehr begrenzte chinesische Schriftarten, die kompatibel und verwendet werden können. Daher verwendet unser Projekt eine spezielle chinesische Schriftartmethode, damit jede Website die gesamte Website und alle Textschriften abdecken kann!

Das chinesische Web -Word -Projekt hofft, im Internet hart zu arbeiten, um den Wohlstand chinesischer Schriftarten zu erreichen. Zu diesem Zweck haben wir Forschung und Praxis über groß angelegte chinesische Schriftnetzwerke durchgeführt und viele Schriftarten und Lösungen implementiert.

1. Chinesische Schriftart-Schneiden-Plugin @Konghayao/cn-font-split
2. Unterstützt Vite-Plugin-Font für Vite, Nest, Nust, WebPack

Der Entwickler muss nur die Schriftstelldatei in den Paketordner platzieren, und das Projekt wird automatisch verpackt und gruppiert. Es wurde bei NPM veröffentlicht, und Entwickler können es gerne verwenden!

Wie benutze ich es?

Wenn Sie Entwickler sind, können Sie die Schriftarten auf der offiziellen Website anzeigen und Web -Support erhalten und die CSS -Datei direkt verweisen, um sie zu verwenden.

Wenn Sie Designer sind und die ursprüngliche Schriftart benötigen, können Sie auf das Github -Symbol klicken, um zum Download zu springen

Code -Mitarbeiter

Technisch verwandt

1. Das Schema für Schriftarten wird vom CN-FONT-Split-Projekt bereitgestellt. Von Beginn des Projekts wird CN-FONT-Split als Funktion des chinesischen Web-Schriftartplans zur Verfügung gestellt, wodurch wir die rationale Bereitstellung von Netzwerkschriften erkennen können.
2. Die Website imageKit.io bietet statische Dateilösungen für unsere Schriftarten und unsere Schriftarten werden auf ImageKit.io bereitgestellt.
3. Der chinesische Netzi -Plan erwartet, dass ein öffentliches Wohlergehen CDN weiterhin kostenlose Schriftarten anbietet und Entwickler wie Google Font unterstützt.

Materialsymbole und Google -Schriftarten

Materialikons und Google-Schriftarten bieten uns sehr gute statische Schriftarten im Zusammenhang mit Schriftart, aber einige Regionen haben keine bessere Möglichkeit, Google-Schriftarten anzuzeigen.

Daher haben wir die Abfragefunktion von Google -Schriftarten direkt in unsere Webseite erstellt, um alle zu erleichtern, um verbundene CSS -Links abzufragen. Unter ihnen wird das NPM statische Repository mit FontSource verwendet, um relevante Daten und Dateien zu erhalten. Vielen Dank an Fontsource.

Entwicklung und Zusammenarbeit

Entwicklerdokumentation

Um zu verhindern, dass ich vergessen habe, wie man hochladen und bereitstellt, habe ich die Anweisungen in der Datei Developer.md geschrieben.

Möchten Sie Schriftarten hinzufügen?

Wir akzeptieren nur kostenlose kommerzielle Schriftarten

Senden Sie ein Problem direkt ein

1. Geben Sie einfach die Informationen zum Schriftart und die Autorisierungsinformationen zum Ausgabenpanel an

Ein PR einreichen

Beachten Sie, dass eine Version über Node 18 erforderlich ist

1. Erstellen Sie Schriftlinks und Autorisierungsinformationen
2. Fork dieses Projekt

npm i # 安装项目

3. Drücken Sie den folgenden Code, um zu starten

npm run new dyh # dyh 是字体的中文拼音的第一个英文组合
# 完成后将会在 packages 文件夹自动模板创建一个 dyh 文件夹

# 然后你在 packages/dyh/fonts 文件夹中放入您的字体文件

pnpm build --single=dyh  # 尝试打包文件

4. PR einreichen, wir werden Schriftarten manuell überprüfen und hochladen

Dinge zu beachten

1. Einige chinesische Schriftarten haben keinen englischen Teil, daher muss der englische Teil in Kombination mit Google -Schriftarten verwendet werden.
2. Wenn Sie mit Ergebnis.css eingeführt werden, kann das Zuweisen von zwei Schriftarten auf demselben DOM einen Fehler verursachen.

Zertifikat

Lagerzertifikat

MIT -Lizenz

Schriftart Copyright

Bitte respektieren Sie die Rechte und Interessen der Schriftsteller. Als ich die Produktion herstellte, exportierte ich die Header -Informationen der Schriftartsdatei speziell in die Schriftstellungsdetails. Sie können den Hersteller und die autorisierungsbezogenen Daten im Detail anzeigen.