root
/
jiachenlong
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
jiachenlong/static/fonts
History
酷博特 06a0fa6440 v1.0.1 Logo 显示修复 + 图片代理修复 
主要修复:
1. Logo 显示规范化 - 仅在登录页、首页显示，详情页显示'无图片'占位符
2. Nginx 图片代理修复 - 调整 location 优先级，/uploads 优先级最高
3. 后端图片数据加载 - get_collections() API 返回图片数据
4. 前端图片路径修复 - 直接使用 path 字段，避免路径重复

技术细节:
- Nginx location 优先级调整 (config/nginx.conf)
- 前端 Detail.jsx 图片路径和 onError 处理
- 后端 collections.py 图片数据加载
- 前端 Login.jsx/Home.jsx Logo 引用统一

影响范围:
- ✅ 藏品列表图片显示
- ✅ 藏品详情图片显示
- ✅ 图片预览弹窗
- ✅ Logo 使用规范化

测试验证:
- 所有图片功能正常
- Logo 显示规范
- API 返回图片数据
 		2026-03-16 11:39:39 +08:00
..
.gitkeep v1.0.1 Logo 显示修复 + 图片代理修复 2026-03-16 11:39:39 +08:00
README.md v1.0.1 Logo 显示修复 + 图片代理修复 2026-03-16 11:39:39 +08:00

README.md

字体文件

本目录存放自定义字体文件。

📁 支持的格式

  • .woff2 - Web Open Font Format 2（推荐）
  • .woff - Web Open Font Format
  • .ttf - TrueType Font
  • .otf - OpenType Font

🎨 使用示例

CSS 中引入

@font-face {
  font-family: 'CustomFont';
  src: url('/static/fonts/CustomFont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'CustomFont', -apple-system, BlinkMacSystemFont, sans-serif;
}

React 组件中使用

<div style={{ fontFamily: 'CustomFont, sans-serif' }}>
  自定义字体文本
</div>

📦 常用字体

中文字体

  • 思源黑体（Source Han Sans）
  • 思源宋体（Source Han Serif）
  • 站酷系列字体

英文字体

  • Inter
  • Roboto
  • Open Sans

⚠️ 注意事项

  1. 字体版权：确保有商用授权
  2. 文件大小：中文字体较大，建议压缩或使用子集
  3. 加载性能：使用 font-display: swap 避免 FOIT

最后更新: 2026-03-16