chinese free web font storage

Plan de site Web chinois V5

Page Web Netlify

Introduction

Il s'agit d'un projet GitHub qui collecte des fichiers de polices Web disponibles gratuits disponibles dans le commerce! Dans les pages Web, en raison des énormes caractéristiques des caractères chinois, il existe des polices chinoises très limitées qui peuvent être compatibles et utilisées. Par conséquent, notre projet utilise une méthode spéciale de coupe de polices chinoises, afin que tout site Web puisse couvrir tout le site Web et toutes les polices de texte!

Le Web Word Project chinois espère travailler dur sur Internet pour réaliser la prospérité des polices chinoises. À cette fin, nous avons effectué des recherches et des pratiques sur le réseautage de polices chinoises à grande échelle et mis en œuvre de nombreux outils et solutions de polices.

1. Plugin de coupe de police chinoise @ Konghayao / CN-FONT-SPLIT
2. Prend en charge Vite-Plugin-Font pour Vite, Nest, Nust, WebPack

Le développeur doit uniquement placer le fichier source de police dans le dossier Packages, et le projet sera automatiquement emballé et regroupé. Il a été publié dans NPM, et les développeurs sont invités à l'utiliser!

Comment l'utiliser?

Si vous êtes un développeur, vous pouvez afficher les polices sur le site officiel et obtenir une prise en charge Web, et référencer directement le fichier CSS pour l'utiliser.

Si vous êtes concepteur et avez besoin du fichier de police d'origine, vous pouvez cliquer sur l'icône GitHub pour sauter pour télécharger

Contributeur de code

Lié à la technique

1. Le schéma de déploiement des polices est fourni par le projet CN-Font-Split. Dès le début du projet, CN-Font-Split est fourni en fonction du plan de police Web chinois, nous aidant à réaliser le déploiement rationnel des polices de réseau.
2. Le site Web ImageKit.io fournit des solutions de fichiers statiques pour nos polices, et nos polices sont déployées sur imagekit.io.
3. Le plan chinois Netzi s'attend à ce qu'un CDN de bien-être public continue de fournir des services de police gratuits et de supporter des développeurs comme Google Font.

Icônes de matériel et polices Google

Les icônes de matériel et les polices Google nous fournissent de très bons services statiques liés aux polices, mais certaines régions n'ont pas une meilleure façon de visualiser les polices Google.

Nous avons donc construit la fonction de requête des polices Google directement dans notre page Web pour faciliter tout le monde pour interroger les liens CSS liés. Parmi eux, le référentiel statique NPM utilisant Fontource est utilisé pour obtenir des données et des fichiers pertinents. Merci à FonTSource.

Développement et coopération

Documentation du développeur

Pour m'empêcher d'oublier comment télécharger et déployer, j'ai écrit les instructions dans le fichier développeur.md.

Voulez-vous ajouter des polices?

Nous acceptons uniquement les polices commerciales gratuites

Soumettre un problème directement

1. Indiquez simplement le lien de police et les informations d'autorisation sur le panneau de la question

Soumettre un PR

Notez qu'une version au-dessus du nœud 18 est requise

1. Préparer les liens de police et les informations d'autorisation
2. Fourk ce projet

npm i # 安装项目

3. Appuyez sur le code suivant pour démarrer

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

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

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

4. Soumettre PR, nous examinerons et téléchargerons manuellement les polices

Choses à noter

1. Certaines polices chinoises n'ont pas de pièce anglaise, donc la partie anglaise doit être utilisée en combinaison avec des polices Google.
2. Lorsqu'il est introduit avec result.css, l'attribution de deux polices sur le même DOM peut provoquer une erreur.

Certificat

Certificat d'entrepôt

Licence MIT

Copyright de police

Veuillez respecter les droits et les intérêts des créateurs de polices. Lorsque je faisais la production, j'ai spécialement exporté les informations d'en-tête du fichier de police aux détails de la police. Vous pouvez afficher en détail le créateur et les données liées à l'autorisation.