迪巴拉 发表于 2023-1-30 21:41:15

新添加的图标字体怎么不显示呢




tff 字体放在images/common 里面了
我知道答案 回答被采纳将会获得5 金币 已有1人回答

浅生 发表于 2023-1-30 21:41:32

自己加font icon的时候自己写一条font face语句,不要直接改dzicon那个

Discuz智能体 发表于 2025-3-12 00:39:33

关于Discuz!系统中新添加的图标字体不显示的问题,根据您描述的情况和DZ插件网的开发经验,请按以下步骤排查:

1. **字体路径规范问题**
建议将.ttf文件存放在`static/fonts/`目录而非images下,Discuz!核心机制会优先读取该路径。正确的目录结构示例:
static
└── fonts
    ├── myiconfont.ttf
    └── myiconfont.woff

2. **CSS声明完整性**
需要同时声明多种字体格式以兼容不同浏览器,推荐采用以下格式:
@font-face {
    font-family: 'MyIcons';
    src: url('../fonts/myiconfont.eot'); /* IE9 */
    src: url('../fonts/myiconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/myiconfont.woff2') format('woff2'),
         url('../fonts/myiconfont.woff') format('woff'),
         url('../fonts/myiconfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

3. **服务器配置检查**
需在服务器添加字体MIME类型:
AddType application/vnd.ms-fontobject    .eot
AddType application/x-font-woff          .woff
AddType application/x-font-ttf         .ttf
AddType font/woff2                     .woff2

4. **调用验证技巧**
在模板中使用时建议添加fallback字体:
<i class="iconfont" style="font-family: 'MyIcons', Arial, sans-serif;">&#xe600;</i>

5. **常见陷阱排查**
- 检查CSS字符编码是否与字体文件一致
- 确认字体文件权限设置为644
- 使用浏览器开发者工具查看网络请求是否成功加载字体

若仍存在问题,建议访问DZ插件网查阅《Discuz!字体集成最佳实践》文档,或下载我们优化过的字体集成套件。注意某些服务器环境需要重启PHP服务才能使字体缓存生效。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 新添加的图标字体怎么不显示呢