如何使用我们的字体
简单几步，让你的项目拥有完美字体
1. 下载字体
从我们的字体库中选择你需要的字体，点击下载按钮获取字体文件。我们提供TTF、WOFF等多种格式。
2. 组织文件
将下载的字体文件放入你的项目目录中，建议创建一个专门的"fonts"文件夹来存放所有字体资源。
3. 引入字体
在你的CSS文件中使用@font-face规则引入字体，然后就可以在整个项目中使用这个字体了。
字体引入示例
使用 CSS
@font-face {
font-family: 'YourFontName';
src: url('/fonts/YourFontName-Regular.ttf') format('truetype'),
url('/fonts/YourFontName-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'YourFontName', sans-serif;
}使用 HTML
<style>
@font-face {
font-family: 'YourFontName';
src: url('/fonts/YourFontName-Regular.ttf') format('truetype'),
url('/fonts/YourFontName-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'YourFontName', sans-serif;
}
</style>字体文件结构
了解我们的字体库文件组织方式
FONT.ASFOR.CN/
├── en/ # 英文字体目录
│ ├── Arial/ # 字体名称
│ │ ├── 1.0.0/ # 版本号
│ │ │ ├── Arial-Bold.ttf
│ │ │ ├── Arial-Bold.woff
│ │ │ ├── Arial-Regular.ttf
│ │ │ └── Arial-Regular.woff
│ │ └── 2.0.0/ # 新版本
│ │ ├── Arial-Bold.ttf
│ │ ├── Arial-Bold.woff
│ │ ├── Arial-Regular.ttf
│ │ └── Arial-Regular.woff
│ └── TimesNewRoman/
│ └── 1.0.0/
│ ├── TimesNewRoman-Bold.ttf
│ ├── TimesNewRoman-Bold.woff
│ ├── TimesNewRoman-Regular.ttf
│ └── TimesNewRoman-Regular.woff
│
├── zh/ # 中文字体目录
│ ├── SimHei/ # 黑体
│ │ └── 1.0.0/
│ │ ├── SimHei.ttf
│ │ └── SimHei.woff
│ ├── SimSun/ # 宋体
│ │ └── 1.0.0/
│ │ ├── SimSun.ttf
│ │ └── SimSun.woff
│ └── MicrosoftYaHei/ # 微软雅黑
│ └── 1.0.0/
│ ├── MicrosoftYaHei-Bold.ttf
│ ├── MicrosoftYaHei-Bold.woff
│ ├── MicrosoftYaHei-Regular.ttf
│ └── MicrosoftYaHei-Regular.woff
│
└── fontawesome/ # Font Awesome 图标
├── css/
│ └── font-awesome.min.css
├── fonts/
│ ├── fontawesome-webfont.eot
│ ├── fontawesome-webfont.svg
│ ├── fontawesome-webfont.ttf
│ ├── fontawesome-webfont.woff
│ └── fontawesome-webfont.woff2
└── less/
├── animated.less
├── bordered-pulled.less
├── core.less
├── fixed-width.less
├── font-awesome.less
├── icons.less
├── larger.less
├── list.less
├── mixins.less
├── path.less
├── rotated-flipped.less
├── screen-reader.less
├── sizes.less
└── stacked.less
关于 FONT.ASFOR.CN
我们致力于提供高质量的字体资源和良好的使用体验
我们的使命
FONT.ASFOR.CN 旨在为设计师、开发者和创意工作者提供高质量、易用的字体资源。我们精心挑选每一款字体，确保其质量和适用性，帮助你打造出更出色的设计作品。
我们的优势
- 高质量字体：所有字体都经过严格筛选，确保清晰度和美观度
- 多格式支持：提供TTF、WOFF等多种格式，满足不同项目需求
- 详细文档：提供清晰的使用指南和示例代码，帮助你快速集成
- 定期更新：不断添加新字体，保持资源库的新鲜度和丰富性
- 完全免费：所有字体均可免费用于个人和商业项目
联系我们
有任何问题或建议？请随时联系我们