chinese free web font storage

Plano de site chinês v5

Netlify Web página

Introdução

Este é um projeto do GitHub que coleta arquivos de fontes da web gratuitos disponíveis no mercado! Nas páginas da web, devido às enormes características dos caracteres chineses, existem fontes chinesas muito limitadas que podem ser compatíveis e usadas. Portanto, nosso projeto usa um método especial de corte de fontes chinês, para que qualquer site possa cobrir todo o site e todas as fontes de texto!

O projeto chinês da Web Word espera trabalhar duro na Internet para alcançar a prosperidade das fontes chinesas. Para esse fim, realizamos pesquisas e práticas em redes de fontes chinesas em larga escala e implementamos muitas ferramentas e soluções de fonte.

1. Plugin de corte de fontes chinês @konghayao/cn-font-split
2. Suporta Vite-Plugin-font para vite, ninho, nu, webpack

O desenvolvedor precisa apenas colocar o arquivo de origem da fonte na pasta dos pacotes, e o projeto será automaticamente embalado e agrupado. Foi publicado no NPM, e os desenvolvedores podem usá -lo!

Como eu uso isso?

Se você é um desenvolvedor, pode visualizar as fontes no site oficial e obter suporte da Web e fazer referência diretamente ao arquivo CSS para usá -lo.

Se você é um designer e precisa do arquivo de fonte original, clique no ícone do GitHub para pular para baixar

Código Colaborador

Relacionado técnico

1. O esquema de implantação de fontes é fornecido pelo projeto CN-font-split. Desde o início do projeto, a S-Font-Split é fornecida em função do plano de fontes da Web chinês, ajudando-nos a realizar a implantação racional de fontes de rede.
2. O site ImageKit.io fornece soluções de arquivos estáticos para nossas fontes, e nossas fontes são implantadas no ImageKit.io.
3. O Plano Netzi chinês espera que uma CDN de bem -estar pública continue a fornecer serviços de fontes gratuitos e apoiar desenvolvedores como o Google Font.

Ícones de materiais e fontes do Google

Os ícones materiais e as fontes do Google nos fornecem serviços estáticos muito bons, mas algumas regiões não têm uma maneira melhor de visualizar as fontes do Google.

Por isso, construímos a função de consulta do Google Fontes diretamente em nossa página da web para facilitar todos para consultar os links CSS relacionados. Entre eles, o repositório estático da NPM usando o FontSource é usado para obter dados e arquivos relevantes. Graças ao Fontsource.

Desenvolvimento e cooperação

Documentação do desenvolvedor

Para me impedir de esquecer como fazer upload e implantar, escrevi as instruções no arquivo desenvolvedor.md.

Você quer adicionar fontes?

Aceitamos apenas fontes comerciais gratuitas

Envie um problema diretamente

1. Basta indicar o link da fonte e as informações de autorização no painel de edição

Envie um pr

Observe que uma versão acima do nó 18 é necessária

1. Prepare links de fonte e informações de autorização
2. bifurcar este projeto

npm i # 安装项目

3. Pressione o seguinte código para iniciar

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

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

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

4. Enviar PR, vamos revisar e fazer upload manualmente de fontes

Coisas a serem observadas

1. Algumas fontes chinesas não têm uma parte em inglês; portanto, a peça em inglês precisa ser usada em combinação com as fontes do Google.
2. Quando introduzido com o resultado.css, atribuir duas fontes no mesmo DOM pode causar um erro.

Certificado

Certificado de armazém

MIT Licença

Fonte Copyright

Por favor, respeite os direitos e interesses dos fabricantes de fontes. Quando eu estava fazendo a produção, exportei especialmente as informações do cabeçalho do arquivo de fontes para os detalhes da fonte. Você pode visualizar os dados relacionados ao fabricante e da autorização em detalhes.