UpdateLogs

ZSFT - 更新日志

ZeoSeven 保留了部分版本的图像可回溯

Version 4.1

2024-11-03 午后

【信息优化】 其它字重模块从手动输入到现在完全程序化,现在其它字重根据首字母排序而非手动输入的乱排一起,当字体没有其它字重或字体具有可变特性时,其它字重模块将不再输出。

【人性化】 在表单中,对于非必要选项进行折叠,可点击展开选择性填写,以在第一眼看起来非常好填写,事实一直如此,只是可选选项增多,看起来填写表单需要很长时间。

Version 4.0

2024-11-01 晚 累计更新

【统一化】 现在已完成最后没有统一的字体详情页和编号统一,实现了共用一套模块和功能,继续使用 JS 判断进行动态渲染,不再需要加载两套模块,以达到极佳的渲染效率。

【新增功能】 新增 “回到顶部” 按钮,虽然导航栏是悬浮固定的,但总会想要回到顶部做些什么 ...

【新增功能】 新增 “Display” 风格标签。

【动画优化】 对导航栏中导航项的点击、鼠标悬停和非悬停状态使用更细腻的动画过渡效果。

【 URI 】 不再需要 /font/cn/s/ 和 /font/en/s/ 这样的路径,而是使用更简洁的 /items/ 。

【逻辑强化】 强化筛选器的 “CJK 字体” 和 “非 CJK 字体” 选项的判断依据,不再依赖编号,而是字体标签。

【视觉强化】 对警告框和信息框进行圆角和内边距优化,以更贴合 ZSFT 风格的方式展现。

【视觉强化】 统一化表单提交页面的提交按钮样式,与其它页面的按钮样式相同。

【视觉优化】 对设计师主页的面包屑增加淡淡的边框并优化圆角和内边距,以更柔和的方式展现。

【视觉优化】 调整滑动条滑块颜色和滑动条背景色的对比度以更清晰。

【视觉优化】 对字体列表的加载更多按钮的圆角调整为方角并增大内边距。

【视觉优化】 减淡鼠标悬浮到字体列表上时的颜色深度。

【视觉优化】 对移动端导航栏的展开状态增加内边距以使内容更紧凑。

【视觉修复】 对字体详情页 许可协议 模块的查阅按钮进行统一圆角,和其它模块的按钮保持一致。

【兼容强化】 引入对浏览器 JavaScript 被禁用的解决方案,直接重定向到一个错误页面 ...

【信息强化】 首页随机推荐模块推荐数量从 12 项增加至 15 项。

【信息强化】 搜索页面仍然非常空洞而只有一个搜索框,现在在搜索框下新增随机字体列表以充实内容。

Version 3.36

2024-10-29 清晨 累计更新

【 i18n 】 对加载指示器现已支持多语言。

【效率强化】 优化全局 .js 文件逻辑,强化执行效率。

Version 3.35

2024-10-25 傍晚

旧的语言判断逻辑并不够健壮导致字体列表预览词和字体详情页预览词错乱。

旧的三元运算表达式翻译如下:

lang 值存在的同时 lang 不包含 en 的同时 lang 包含 mengguwen 时,输出蒙古文预览词汇。

看起来没有问题,仅支持蒙古文字体的 lang 值也的确只有 mengguwen 而没有 en ,所以应该会输出蒙古文预览词汇,但输出了默认的英文预览词汇,那么说明三元运算条件不成立。

哪里不成立?

一个不明显的地方, mengguwen 实际上包含了 2 个 en ! 这就导致实际判断为:

检查 lang: mengguwen, lang 值存在, lang 包含 2 个 en , lang 包含 mengguwen 最终输出 false 而跳过。

所以输出默认的英文预览词汇在代码运行中正确的所以不报错,但功能是错误的,因为这导致了不支持英文的蒙古文字体输出了英文预览词汇。

ZeoSeven 甚至一度怀疑是开发环境的问题,但当没有任何办法发愣时看到了 mengguwen 的 men 和 wen 时险些当场饮恨西北。

现在使用新的判断方法,将 lang 值根据逗号切割来单独绝对对比以解决问题。

Version 3.34

2024-10-25 清晨

【信息优化】 字体详情页的第一条弹幕也存在等待,这并不合理,现在将其修改为第一条弹幕立即出现,其它则照旧等待一段时间逐个输出。

【视觉强化】 日语和繁体中文 语言将直接采用系统默认语种文字,不再进行拉丁字母统一化,以更本地化的字型进行展示,但如果您的设备没有其它语言版本的字体,也仍然会回退到系统默认字体以保持正常显示。

Version 3.33

2024-10-23 深夜

【 i18n 】 国际化已全部完成翻译,正在查漏补缺。除了本就不考虑国际化的页面,如 更新日志 和 文档 。

【信息优化】 任何位置的字体列表都已排除所有已下架字体,以提高用户体验。

【功能削弱】 对于搜索功能,不再支持冷清的高级匹配模式 绝对键值匹配 ,因为其实现复杂,起初只是为字体详情页的 “设计师的其它作品” 所准备,但现在已被浏览字体页面的筛选器替代。

Version 3.32

2024-10-22 深夜 累计更新

【新增功能】 首页新增 最新评论 模块,显示整站最近的 7 条评论内容,昵称,头像和时间,并支持点击后定位到评论发布位置。此模块位于首页最受欢迎的旁边,在小屏宽设备上位于首页最受欢迎下面。

【BUG 修复】 致命问题:当筛选器应用条件后,会无限出现加载更多按钮并无限加载下去,如果没有,则继续输出之前筛选的项,这样以来,即便显示筛选出 2 个符合条件的项,但实际会输出无限个 2 个项,甚至排序都是和第一组 2 个是一样的,这是 ZeoSeven 的一个疏忽,现已修复。

【BUG 修复】 修复了当字体名称下的官网 URL 过长时,会出现和字体名称重叠的问题。

【BUG 修复】 修复了 筛选器 展开和折叠动画出现顿挫的问题,现在以非常流畅的方式进行动画。

【 i18n 】 字体详情页中的 标签 现在已支持 i18n ,并正在逐步推进 ...

【功能强化】 现在更新现有字体已支持上传 .md, .html, .htm, .txt 等文件来覆盖介绍内容,并考虑到了具有图片或其它文件的介绍内容,可以打包为 .zip, .7z, .tar 上传。

【功能强化】 错误反馈 按钮不再是一昧的跳转到主站的留言区或私有留言页面,而是有了专门的 Modal 展示表单,并且随处可用,现在,点击 错误反馈 后,会弹出一个看起来还不错的 Modal ,其中可以反馈一些问题。

【性能强化】 对全局的 _app.js 代码进行优化,更多的使用全局变量和函数,以复用方式减小全局文件大小而优化加载效率。

【视觉优化】 当点击字体详情页中的 查找设计师的其它作品 按钮时,会跳转到搜索界面并传递查询字符串, ZeoSeven 认为这是不好的,改为跳转到 浏览字体 页面并应用筛选器参数以更好的方式展现。

【视觉优化】 首页底部的 “稳定性” 模块图标从三个四方形改变为一个三角形,三角形正以稳定性而闻名。

【视觉优化 & 功能强化】 在浏览字体页面实在是太过空荡,现在新增一个 BIG 按钮类,以大的方角的方式展示按钮,展示一些相关链接以提高功能性。

【视觉强化】 美化筛选器的应用筛选条件按钮,增加图标并使用纯大写的 GET! ,不再占据整个筛选器,而是增加水平内边距以加强视觉效果。

【视觉强化】 复制按钮现在使用 在上方 5/1 居中以非侵入式弹窗的方式 来传达信息,在 Version 3.0 版本就已经表达使用浏览器原生弹窗只是暂时的。

【视觉强化】 起初,筛选器的重置方式位于展开筛选器旁边,这很影响观感,现在,筛选器的展开和折叠按钮已支持显示当前应用条件数量,并将重置按钮放置在筛选器内部以简洁化。

【信息强化】 考虑到网址的域名 www 子域和 顶点域名 通常对应 1 套文件,那么,现在将字体详情页的网址简化,如果是 www 开头,则忽略 www ,只显示顶点域名,以更简洁的方式提供信息。

【信息强化】 随机推荐优化,不论是字体详情页的随机推荐还是首页的,都会排除一些造型奇特的字体(比如编号 az) 和已下架字体,以保证观感。

Version 3.31

2024-10-20 凌晨

【视觉强化】 加载更多按钮仍然使用着古老的空背景和纯边框且并不圆润的按钮,现在使用新的绿色样式按钮以美化它,并支持 i18n 。

【视觉强化】 对 文档 页面进行响应式修改,大型设备 lg 以上时,会呈现两边具有留空的居中紧凑效果,小设备则没有留空。

【BUG 修复】 修复了 加载更多 按钮在文本较长时,会出现非预期的换行问题。

Version 3.30.1

2024-10-19 傍晚

【性能优化】 弹幕效果的持续检查导致了性能问题,现在,以 500ms 为间隔, 10 次为重试最大次数来尝试获取评论内容,并在超过最大重试次数或得到评论内容后,清除尝试获取的循环,以修复卡顿问题。

Version 3.30

2024-10-19 傍晚

【新增功能】 在字体详情页中新增弹幕效果,弹幕来自评论区的前几个评论内容。

Version 3.29.3

2024-10-19 午后

【BUG 修复】 致命问题:当网站语言为日语或繁体中文时,会出现字体卡片预览文字 = 系统日语文字或繁体中文文字,这导致无法正常预览字体,现已修复。

【BUG 修复】 当一个页面只提供简体中文版本时,其警告框中的文字会出现繁体中文和日语错乱,现已修复。

【 i18n 】 设计师页面已支持 i18n ,并正在逐步推进 ...

Version 3.29.2

2024年10月19日 上午

【BUG 修复】 修复了上次的问题修复导致的切换语言后字形仍然是浏览器默认字形的问题。比如切换到繁体中文,但字形仍然是简体中文。 BUG 影响语言: 繁体中文、日语。

Version 3.29.1

2024年10月19日 上午

【BUG 修复】 在首页时,如果浏览器语言为简体中文,会出现强制 en 的问题,即便切换语言仍然是 en ,这是因为浏览器不会识别 zh-Hans 和 zh-Hant ,只会识别 RFC 5646 标准的 语言-地区 ,而不是 语言-脚本 ,导致浏览器认为网站只支持 en 语言,现已修复。

Version 3.29

ZeoSeven 保留了此版本的图像

2024年10月19日 清晨

【 i18n 】 首页、评论区、筛选器、 Header 、 Footer 、字体卡片、查找页面 全部支持 i18n ,并正在逐步推进 ...

【已弃用】 弃用 /font/cn/ 和 /font/en/ 页面,现在这些页面重定向到 /browse/ 并启用筛选器以达到相同功能。

【视觉强化】 对所有页面的头部内容中去除对标题的英文附述并将标题从 粗体(v3.26) 修改为细体,加大标题字号以更清晰,标题引入响应式,以在不同设备上都尽量保持 1 行。

【标准化】 RFC 5646 标准中, 简体中文和繁体中文的语言代码为 zh-Hans 和 zh-Hant 而并非 zh-CN 和 zh-TW ,现已修正,语言选择选项中的排序现也根据 RFC 5646 标准进行排序。

【BUG 修复】 修复了在浏览字体页面的筛选器中应用了筛选条件后,切换语言会导致筛选器重置的问题。

【BUG 修复】 修复了切换语言时,字形没有切换到对应语种的问题,如切换到繁体中文,但字形仍然是简体中文。 BUG 影响语言: 繁体中文、日语。

【视觉强化】 对更新日志的 “保留图像” 点击后不再直接打开一张图片,这样对任何设备上的查阅图片体验都不好,而是使用一个页面来容纳图片,跳转到页面,引入响应式,使得查阅图片就像是在查阅曾经的首页,但没有交互性。

【视觉强化】 在 lg 及以上的大型设备中,对更新日志左右两边进行大量留白,使得内容更紧凑, lg 以下小设备不变,仍旧占据整个设备宽度。

【视觉优化】 对导航栏折叠时的展开导航栏按钮的点击颜色修改为 ZSFT 主题色: #0096ff30 并去除原边框,只保留三条杠表示导航栏。

【性能强化】 因为 /font/cn/ 和 /font/en/ 的弃用,筛选逻辑也无需检查 cn-font 和 en-font 还是 browse-font ,也不再需要 browse-font 之外的筛选逻辑,貌似略微加快了筛选过程 ... 可能是 10 微秒 ... 5 纳秒 ...

Version 3.28

2024年10月17日 深夜

【视觉强化】 在 Footer 组件中,设置了一个文字显示模块,其中会随机显示一些奇怪的句子 ...

Version 3.27

2024年10月17日 凌晨

【功能强化 & 信息强化】 在字体详情页顶部新增 “嵌入到 Web 项目” 按钮,以更快的方式查阅到 WebFonts 嵌入代码。

Version 3.26

2024年10月15日 清晨

【视觉强化】 全新的 ZSFT 图标, ZSFT 一直缺乏 1:1 的小图标来应用于浏览器标签页或收藏夹的小图标,一直使用的紫色的字母 Z 也是 ZeoSeven 的图标而非 ZSFT ,现在制作了一个看起来还不错的 1:1 小图标并保留了原来的 ZSFT 图标样式。

【视觉优化】 对文档页面的视觉效果进行微调,以更加简洁和主次分明的方式展示信息。

【视觉强化】 对于标题等大字号文字使用 700wight 字重来强调和平衡视觉主次效果。

【视觉优化】 对导航栏的选项和下拉菜单进行进一步圆角和无边框处理,并进一步淡化选中背景色和悬浮背景色,去除悬浮时添加的边框但保留选中时的边框效果,对下拉菜单进一步加大内边距并缩小字号。

【新增功能】 在每一个字体详情页下的评论区。

【视觉优化 & 信息削弱】 查找页面不再保留预配置选择框,因为浏览字体的筛选器已经逐步替代查找页面的功能,但保留了查找页面的高级匹配方式绝对键值匹配。去除了在未开始搜索时突兀的分割线。

Version 3.25.1

2024年10月6日 深夜

【BUG 修复】 i18n 的引入同时也引入一些链接问题,修复了字体详情页点击 字体标签、设计师主页、设计师的其它作品 和 使用文档 时,语言环境失效的问题。

【BUG 修复】 因为字体卡和界面分别使用 CSR 和 SSR 渲染方式,其互相通信方式比较困难,导致的当在有字体卡的界面上切换语言时,字体卡的语言环境仍然是切换前的,现已修复。

Version 3.25

2024年10月6日 晚

【视觉优化】 将导航栏中的查找,留言和功能合并为小图标并展示在导航栏右侧小栏中,小栏使用 Flexbox 布局。

【 i18n 】 引入国际化支持。

【渲染强化】 从 SSG+CSR 混合渲染方式转向 SSR+CSR 渲染方式,以提高一切性能。

Version 3.24

2024年9月30日 黄昏

【新增功能】 增加一个全局性的看起来还不错的 Footer ,将原本只有在首页底部展示的内容展示到 Footer 。

【新增功能】 全局性 Footer 中新增 状态 页面,可展示当前系统状态概述,点击后可以查看 ZeoSeven 所有域的状态和回溯过去 90 天发生的事件。

【视觉优化】 优化导航栏选项选中和悬浮效果,为其增加淡灰色边框和选中时更加浓重的背景颜色,使其更加立体。

Version 3.23

2024年9月29日 凌晨

【功能强化】 详情页中,预配置预览词汇现在可以根据字体支持的语言来判断显示什么,优先级如下:

简体中文、繁体中文、日文、韩文、英文、藏文、泰文、女书、变体假名、阿拉伯文、蒙古文。

很难看到详情页的预览配置词汇是日文,因为基本在繁体中文这里就成立而使用繁体了,很少有只支持日文或只支持韩文的字体。

【视觉修复】 未来没有可能再看到字体卡和字体详情页的字体名称不一致的问题,现在直接使用字体索引数据作为详情页数据,之前因为不会跨文件挂载读取,所以详情页和字体卡使用的是不同的数据才导致偶现的字体名称不一致。

【功能强化】 详情页的语种预览模块固定几种语种预览并不银杏,尤其是支持语言较少的小字库,会导致视觉效果降低,现在可根据字体支持的语种来显示不同组合的语种预览句,以减少小字库的语种预览模块全是 X 的视觉削弱问题。世界语和阿拉伯数字固定输出。

【视觉修复】 进一步淡化滑动条的蓝色。

【信息强化】 在详情页底部设置长篇文章做一预览,文章根据字体支持语种输出不同语种组合的多种语种长篇文章。

【视觉优化】 字体介绍模块原先如果字体没有介绍,会显示 “暂无介绍 ...” ,但这会感到莫名其妙,现在,当字体没有介绍时,将不输出字体介绍模块,以提高简洁性。

【BUG 修复】 修复了字体卡上如果有设计师小图标,当小图标为多个时,与上方字体名称的间距非预期的消失而导致的视觉问题。

Version 3.22.wxy

I am wxy ,这是我第一次独立进行的一次更新,此更新可能会被 ZeoSeven 撤销或覆盖。所以在版本号后添加 .wxy 。

我并不喜欢 ZeoSeven 自认为的圆角 UI 组件非常美观,而无圆角 UI 组件更加沉稳,即便字体标签使用的无圆角方格最终被替换为圆角方格,但是我修复了字体索引数据, ZeoSeven 称之为字体卡,上的鼠标悬浮效果替换为无圆角,并删除在字体卡上的字体标签。 ZeoSeven 对圆角 UI 的执着甚至在字体卡上分明无法使用全部圆角,也要使用仅底部圆角这样神似指甲盖的样式,已经使用无圆角 UI 替换。

修改了 “浏览和筛选字体” 文本到 “浏览 XXX 款免费商用字体” 当然,这样做还有一个好处可以让这个选项在导航栏占据的宽度更长,因为它的确是主要页面。

关闭提交设计师信息页面,完全转向邀请制和自收录制。

Version 3.21

2024年9月27日 黄昏

【信息强化】 在 ZeoSeven 后端工程师 wxy 的强力帮助下,使用一种奇怪的方式使得字体索引数据可在字体详情页中读取,因为现在字体详情页可以读取字体索引的数据,所以在详情页的字体名称和链接下新增和字体卡上一样的标签块,额外多了一个字重标签块,同时支持点击标签块来直接启动筛选器。

【功能强化】 已完成筛选器的条件完善,现已可以筛选所有字体。

【信息强化】 在字体卡上新增标签块,可显示风格和支持的文字。以不同颜色区分。

Version 3.20

2024年9月26日 深夜

【视觉强化】 增加滑动条样式,以 ZSFT 主题色作为颜色,并将滑动条应用 “细狗” Thin 模式,使其更不易影响主要内容。

Version 3.19

2024年9月23日 深夜

【BUG 修复】 筛选器在出现没有符合条件的字体时,没有输出 0 / 字体总数,而是只显示一个绿色方块,并且错误模块呈现崩裂的样子,因为它错误的被输出到了应该显示当前符合条件的字体总数的位置。现已修复。

【功能强化】 先前的筛选器在应用条件后,无法保存状态,即便筛选器的确存在条件,但相应条件的项也不会呈现被选中的状态,即每次点击筛选后,筛选器都会被初始化而呈现没有条件的状态,实际上是有条件且已经筛选完毕了的,现在使用独立的逻辑仍然是自己接收自己的查询参数,来确定要选中哪个项,以实现筛选器的状态保存。(实际上筛选器还是会被初始化,但会根据查询参数来确定需激活的项)

【逻辑优化】 筛选器在筛选字重时,输入 0 会指示筛选器直接去匹配字重为 0 的字,而这是不可能的,现在将 0 视为空值和 null 让 0 值被视为不限来匹配。

【视觉优化】 字体详情页中的所有按钮都已使用 ZSFT 的预配置按钮类,旨在统一化视觉效果和美观度。

Version 3.18

2024年9月22日 晚

【视觉强化】 再次新增 1 个预配置按钮类,以浅绿色为基底,具有触控反馈,结合之前预配置的淡蓝色和淡红色按钮类,目的以提升 ZSFT 的主题颜色和风格一致化。

【视觉优化】 在字体详情页的 右侧模块(移动端位于最底部) 中的所有按钮,现在都替换为 ZSFT 预配置按钮类,以提升视觉效果。

【视觉修复】 在选中文本状态下会使用浏览器默认的高亮颜色,现在使用 ZSFT 主题色进行替换,以更弱的视觉效果进行反馈和风格一致化。

【功能优化】 将更新该字体按钮从直接折叠表单修改到一个独立的页面,可修改字体的大部分内容。

Version 3.17.1

2024年9月22日 上午

【BUG 修复】 筛选器的特殊许可证 CC BY-SA 因为带有空格,而空格并不是 URI 标准字符,导致传递参数时传递为 + 号,从而错误的匹配,现已修复。

【兼容强化】 筛选器中语言的传递参数为 ?lang= 但是后跟的却是中文,而 URI 的标准字符也不包含中文,在部分浏览器中不会自动解码,现已使用 JavaScript 接收参数时使用 decodeURIComponent 解码来修复。

Version 3.17

2024年9月22日 凌晨

【新增功能】 浏览字体页面新增 “筛选器” ,其中可以同时匹配多项并使用自己接收自己的查询参数来做到筛选。即便拥有强大的筛选器,查找功能的全部逻辑仍然照旧。

【视觉强化】 新增两个预配置按钮类,更符合 ZSFT 的主题,分别为淡蓝色按钮和淡红色按钮,都具有触控反馈。

【功能强化】 首屏增加醒目的淡红色按钮类可直接跳转到 “浏览和筛选字体” 页面。

【视觉强化】 表单页面,包括提交字体和提交设计师信息页面,都使用淡蓝色为主题重绘了 UI 控件。相较于原来的 “灰头土脸” 的样子更符合 ZSFT 的主题色 #0096ff 。

【BUG 修复】 修复了首页底部列出的选项图标过大的问题。

【BUG 修复】 修复了 “无限滚动” 在屏幕滚动过慢时无效的问题。当然,如果想要去点击 “加载更多” 按钮来手动加载,也是可选的,只要滚动的足够慢,就可以看到加载更多按钮。

【功能优化】 现在, “中文等 CJK 字体” 选项和 “西文和其它字体” 选项被归类为 “大类” 并丢出导航栏,现在可以使用 “浏览字体” 页面或首页底部选项 来进入这些大类别页面,并在大类别页面中增加面包屑导航来回到 “浏览和筛选字体” 页面。

Version 3.16

2024年9月21日 晚上

【视觉修复】 修复了西文字体卡中,协议模块和字重数量模块出现向左偏移的问题,同时修复了西文字体卡缺少一个 div 结束标签 /div 导致多渲染 1 个空的 a 标签。

Version 3.15

2024年9月21日 上午

【视觉强化】 新增多个设计师判断逻辑,以显示两个以上设计师合作得出的字体的设计师 LOGO 。

【功能强化】 字体详情页中,现在点击设计师的 LOGO 可以前往设计师主页,或者点击下方的设计师主页按钮,但在多个设计师或没有设计师主页时,下方的设计师主页按钮会被替换为 “查找设计师的其它作品” ,这样以来,在多个设计师合作的字体中,可以点击 LOGO 前往特定设计师主页,也可以点击 “查找设计师的其它作品” 来寻找他们还合作制作过哪些字体。

Version 3.14

2024年9月20日 晚上

【视觉强化】 首页甚至可以为我那一位故人提供一个练习两年半的场地,为了防止我那位故人成为练习生,所以决定添加一些装饰,当然不是纯花瓶,而是具有功能的装饰。首页顶部添加了一个 “假搜索框” ,因为不需要考虑搜索算法而只需要关注样式,所以它比真的搜索框更美观,点击后跳转到 “查找” 页面;使用栅格系统在首页标题位置的右边设置一个 “快速开始” 模块,其中包含了所有预配置分类,并使用 ZSFT 的主题色 #0096ff 作为阴影。

【视觉强化】 查找页面的搜索框一直呈现 “灰头土脸” 的灰色,现在使用 ZSFT 主题色 #0096ff 并优化边角和选中反馈。

【功能强化】 查找页面的搜索框将在页面加载完成后立即获得 焦点(选中) 以实现可以立即开始输入。

【视觉强化】 “加载更多” 按钮从 BETA 版本一直没有进行样式修改,因为有 JavaScript 自动点击来实现 “无限滚动” ,没有人会注意到甚至没有看到过 “加载更多” 按钮的样子,当然,也只有开发者会关注自己编写过的所有组件,现在对 “加载更多” 按钮进行样式优化,添加了图标和上边距。

【视觉强化】 将 字体详情页 的字体名称和来源模块统一为一个容器,并放置于栅格系统外部,以做到可以将字体名称和来自居中显示,更符合网站主要排版方式,即每个页面的主名称和描述都以居中显示。

【反馈强化】 搜索结果中将显示 “共找到 N 个匹配项” 的文字,这一简单的实现,在 ZeoSeven 那全是 if...else 的搜索匹配逻辑中可以称为是 ZeoSeven 的一大步!(刚开始还因为搜索后删除再搜索匹配的项总数被叠加,甚至出现 “没有找到与 XXX 匹配的结果” 但下一个模块显示 “共找到 NNN 个匹配项” 然后实际没有结果的奇怪问题。)

【功能强化】 字体详情页中, “嵌入字体” 模块上方新增 “语种预览” ,在 CJK 字体中为 英文、 CJK 和阿拉伯数字,在西文字体中为 世界语、英、俄、法、希腊、西班牙 和阿拉伯数字。如果字体缺少某个字符,将会显示为 X 。

【视觉修复】 字体卡上,悬浮会反馈一个具有圆角的灰色背景并去除边框,但是,技术上来说,上一个字体卡的边框不能通过常规方式在这个字体卡被悬浮时去除,所以在悬浮时会呈现出上方有一个横线的突兀,原先使用 “掩耳盗铃” 方式将边框的颜色设置为悬浮背景灰色一致而很难看出来,但分割线也被淡化的太淡了,既然上方有一个横线导致突兀,那么就加入到横线上,将圆角设置为贴合上方分割线的尖角,并加大悬浮时下方的圆角,做到无法去除上方字体卡的下边框,就贴合上去以不再显得突兀。

【视觉强化】 字体卡上现在也已支持判断是否为入驻设计师,并显示其 1:1 的 LOGO 到设计师名称前,也就是字体卡中字体名称的下方。

【视觉优化】 Bootstrap 框架的栅格系统好用,爱用。使用栅格系统将设计师主页的 LOGO 和 描述性文字分开,但一些设计师因为缺少社交链接或简介内容,导致左侧栅格显得空白,而这不能由 ZeoSeven 自主修复。

【视觉优化】 将设计师索引页面的最小栅格设置 .row-cols-2 类,这样以来,在移动端也可以一行浏览两个设计师 LOGO ,而不是在移动端会有一个特大的占据一行的 LOGO 直接怼脸上。

Version 3.13.1

2024年9月18日 午后

【视觉修复】 搜索结果页面仍然使用 Version 3.13 之前的字体卡样式布局,现已修正。

Version 3.13

2024年9月18日 正午

【视觉强化】 将字体卡片正式修改为字体列表,并去除颜色。以更加简洁的方式展示。

【功能强化】 字体分类 选项新增 “特定许可证” 类别,并支持查看许可证信息。

【视觉优化】 设计师索引页删除设计师名称仅展示 LOGO 以达到更加简洁的目的。

【视觉优化】 重新排列和选级导航栏项以更加清晰。

【逻辑优化】 使用著名的 “猴子排序” 完全绝对性随机排序 “全部字体” 页面。

Version 3.12

2024年9月17日 午后

【视觉强化】 字体卡背景渲染颜色新增 “落叶金”,“轻紫罗兰”,“淡蓝” 和 “轻黑珊瑚”。

【视觉优化】 弃用作用较小的字体详情页信息 “字体完整 WOFF2 大小”。

Version 3.11

2024年9月17日 正午

【功能弃用】 因太多恶意上传的文件到达服务器,而 64KB 的文件大小实际没有太大实用性。“上传” 功能已弃用。

【选项移动】 “提交字体” 移动到导航栏一级。

【效率强化】 大一统第三方的功能集成,并全部放在统一的位置。只需要加载一个 js 文件,大大提高了加载效率。

Version 3.10

2024年9月16日 晚

【新增功能】 新增 “新的设计师主页” 功能。

【视觉强化】 将 “提交字体” 页面简洁化,不再使用悬浮标题。

Version 3.9

2024年9月16日 傍晚

【功能优化】 字体详情页中的设计师信息模块新增判断,如果设计师拥有主页,模块会展示设计师 LOGO 并且下方的 “设计师的其它作品” 按钮会变为 “设计师主页” 。

Version 3.8

2024年9月16日 清晨

【兼容强化】 完全从 HTML 语法转到使用标准的 JSX 语法。

【性能强化】 弃用单独的 data.js 数据集和筛选逻辑,直接全局定义。已删除 data.js 文件。

【BUG 修复】 修复了所有页面的预期控制台警告和报错,现在,不会再出现预期的报错和警告,只有 log 。

Version 3.7

2024年9月15日 傍晚

【性能强化】 因之前从原生 HTML/CSS/JS 开发转到 Next.js 开发时,为了快速换栈,使用了 dangerouslySetInnerHTML={{ __html: PageInfo }} 方法直接填充 HTML ,而不是编写 JSX ,这导致多余的构建和资源消耗,还会导致页面加载效率更低,现已完全转到 Next.js 原生使用的 JSX 语法。

【性能优化】 main.js 文件直到换栈都一直作为唯一的客户端逻辑文件,并使用 tagid 判断函数是否执行,所以 main.js 文件中包含了所有页面的客户端逻辑,这导致一个页面的加载效率低下甚至是多余的资源加载,而自 ZeoSeven/Qiu 了解到 Next.js 的 useEffect 和 componentDidMount 后,现在客户端逻辑已分散到各个页面,按所需加载对应客户端 JS 逻辑。

【BUG 修复】 修复了如果在 “更新日志” 页面点击导航栏中的 “定价” 选项时不跳转到定价页面的问题,这是因为定价选项错误的使用了更新日志页面的 tagid 索引来判断路径,导致在更新日志页面时,变成了 “在更新日志页面的同时在定价页面” 的叠加态,最终导致 JS 判断为用户既在更新日志页面,也在定价页面,这时候点击定价没有导航到定价页面是预期的。(用户: 我要前往定价页面。 JavaScript: 你不是已经在定价页面了吗? 用户: 你眼瘸了吗?)

Version 3.6.1

2024年9月14日 黄昏

【BUG 修复】 在一些没有 #tagid = ens-font 标识的字体中会被判断为 NULL 而没有类别, JS 直接懵圈无法选择合适语言的预配置词汇数组,导致预览框显示空白,这是 Version 3.6 版本视觉强化所带来的问题,现已修复。

【性能强化】 在 Version 3.6 版本中,使用了非常奇怪的判断方式去判断预览词汇,这导致性能问题和输出字体卡延迟,尤其在低性能设备更为显著,现在简化为 先根据要渲染字体卡的编号在 data 中遍历寻找,然后接受一次字体名称值,根据 [] 判断来确定字体语言类型,再经过连续 if 块后直接输出。相比之前的臃肿判断方式更为效率。

【视觉强化】 在字体卡上, [] 中的内容默认不会输出到页面上而是仅作为 JS 判断语言的依据, Version 3.6 版本将 [] 中的内容输出到字体卡下方的辅助信息中使用了 4 栅格,这导致常规的 CJK 和西文字体也有 4 个栅格,常规的字体卡辅助信息中较长的作者名称右边明明有很大地方但是才到一半就会显示省略号,很影响观感,这是因为右边被 1 个栅格所占据,而这个栅格是为特殊字体 (具有 [] 元数据的字体,如:女书) 显示 [] 中内容的栅格,常规字体是没有也不需要让 JS 判断 [] 的,现在又增加了一个 if 块和三元运算来判断第一个栅格 (作者信息栅格) 到底为 50% 还是 25% 来修复这个视觉问题。

【性能优化】 深度压缩 data.js ,源文件 59KB 通过 min 压缩到 42KB 再通过编码压缩到 26KB ,最后使用 GZIP 再压缩到 15KB ,这样以来,只需要加载 15KB 的文件即可将 将近 500 款字体的数据 和 筛选/输出逻辑 加载完成。全国 216 个节点遥测显示页面平均加载速度提高了 351ms 来到了加载完整首页平均只需要 762ms 。

Version 3.6

2024年9月13日 晚

【视觉强化】 使用了一种非常非常奇怪的方式判断字体卡的预览词汇应该是藏文、女书、泰文等等,方式在于

让 JS 模板字符串先接受 data 数组中的 h4 参数,
然后使用三元运算再判断来重新接受一次,
新建一个临时数组存储判断后的参数,
再遍历 data 数组再重新接受一次并保留之前修改的参数,
再通过 if 块判断使不同语言的字体接受不同的预览字符参数使其再重新接受一次最终参数,
再输出到页面上,

这很奇怪,甚至会导致在低性能设备上的一些输出延迟问题。

【视觉强化】 相比于字体卡中的预览词汇,详情页则更好控制,使用 DOM 操作获取参数并映射到数组进行 if 判断来改变预配置的换一换词汇。现在,藏文字的预配置词汇是藏文,女书的预配置词汇是女书,泰文字等等都一样。

【视觉修复】 修复了字体卡中的许可协议字符串如果较长,但没有出现预期省略号,导致换行的问题。

【视觉强化】 字体卡和字体详情页中的字体名称前的 [] 是判断字体类型的依据,但这仅仅是给 JavaScript 看的,比如一个字体前多了一个 [藏文字] XXX ,这对视觉效果会有负面影响,那很简单,通过两个名称,一个给 JavaScript 看,并在页面上使用 d-none 隐藏,另一个展示到页面上的相同位置并通过正则表达去除 [] 以达到仅显示字体名称的目的。

【视觉优化】 随着字体分类越来越多,在 字体分类 下拉菜单中使用栅格分出两个列并去除分类的 SVG 图标以达到最佳观感。

【视觉优化】 字体分类 中的分割线两边出现了非预期的距离留空,这是因为下拉菜单的选项对两边设置了距离以更好的观感和点击反馈,它们在一个容器中,所以分割线也会出现两边有距离留空,通过设置一个单独的选项容器,并将分割线置之度外以达到分割线不再有两边的留空,更好的 “分隔” 。

Version 3.5.1

2024年9月8日 黎明

【功能强化】 对字体详情页中的 “设计师的其它作品” 按钮增加索引,即如果存在 “设计师主页” 的设计师则在点击后直接跳转到对应的 “设计师主页” ,如果没有,才会跳转到 “查找” 页面自动使用查询参数进行模糊匹配设计师名称。

Version 3.5

2024年9月7日 上午

【功能强化】 设计师主页新增 “全部字体” 模块。

【视觉强化】 为设计师主页的索引页的 LOGO 设置圆角,避免方形的尖角戳伤用户的头。

【功能强化】 字体分类由使用查询字符串在搜索中查询转到直接在单独的页面使用 JavaScript 判断来实现更好的分类页面。

【视觉修复】 修复了在一些 “刁民” 手中导致导航栏下拉选项在点击时,字体会呈现白色导致和白色的下拉菜单背景融合而无法看到列表项文字。

Version 3.4

2024年9月7日 凌晨

【法律问题】 基于 IPA Font License Agreement v1.0 协议的字体全部终止 CDN 服务,且不再收录任何基于其协议的字体,除非非常明确表示允许 CDN 分发。

【新增功能】 新增设计师主页,其中包括设计师的介绍,代表作品,设计师主页中的设计师只有在设计师本人或团队代表明确授权包括但不限于介绍内容和 LOGO 时,才会在设计师页面展示其主页。

【规则优化】 取消编号重用,为一个字体分配一个编号后,如果字体因一切原因被删除,详情页和 CDN 目录将显示不再可用和 404 错误码,而不是直接由新收录的字体重用。

Version 3.3

2024年9月4日 上午

【功能强化】 扩展查找功能的 !z= 匹配规则,支持指定范围查找,如 !z=6-9 即匹配 6, 7, 8, 9 种字重的项。

【性能优化】 因为 OFL 协议字体繁多,在匹配 OFL 时会导致低性能设备上非常卡顿,尤其移动端最为显著,这是因为查找逻辑使用 if...else 一个一个判断而导致的,但最关键点在于一次性输出近 300 个数据不同的卡片到 DOM 仍是低性能设备吃不消的,现已删除一部分 if...else 代码段,尽可能少的条件判断并保留功能。

【兼容强化】 对旧版本的 Edge 浏览器进行指示使用现代渲染方式。

Version 3.2

2024年8月31日 清晨

【功能强化】 扩展查找功能的 !z= 匹配字重规则,现已支持范围查找,如 !z=10+ 即匹配 10种字重及以上 的项, !z=9- 则匹配 9种字重及以下 的项目。

Version 3.1

2024年8月28日 正午

【功能强化】 强化搜索逻辑,现在除了支持正常的 绝对顺序匹配(*) 和 相对顺序匹配 逻辑,还支持使用 半角感叹号(!) 来匹配特定值,如 !i= 将只匹配 编号(id) 值,还有其它的匹配逻辑可直接前往 查找 页面体验。

【视觉削弱】 因为网站需要加载大量的 WOFF2 文件来支撑预览功能,现在已经移除网站自己使用的个性化字体。使用浏览器默认 sans-serif 字体家族。旨在不阻塞字体预览功能。

Version 3.0

2024年8月27日 晚

【网站重构】 曾经看到像 Vue.js 或 React 的前端 JavaScript 框架十分困惑且不愿去查阅文档进行学习,而现在因为原生 JavaScript 通过浏览器 DOM API 向 DOM 动态添加的内容难以被 SEO 索引,有了将渲染方式从 CSR 转到 SSG 的想法,现在,通过 4 天的对肝脏的折磨,在只保留 CSS 样式的情况下,从原生 JavaScript 转到 Next.js 且完美的实现了原有的全部功能。( Next.js 中不能直接调用我最熟悉且最常用的 window 对象和 document 对象导致我前期一度想要放弃转到 Next.js 框架 )我很庆幸我只收录 450 余款字体使得索引和数据修改到 Next.js 并不是那么困难,但这其中至少有 2 天时间为了详情页的数据在折磨 Ctrl、C、V、S 键,这次的只保留 CSS 样式的重构使得我找到了很多问题,比如一部分 字体的设计师和字体名称 反了,导致了会被理解为 “这款设计师由这位字体设计” 的问题。

【功能丢失】 字体详情页复制功能的按钮复制成功图标变化仍然没有头绪,因为 Next.js 没有 document 对象,可能需要使用其它方法实现,暂时使用直接弹窗的方式传达是否复制成功。

【功能优化】 优化 404 页面,在 404 页面中包含具有导航栏,让遇到 404 Not Found 错误时可以直接点击导航栏导航到其它页面。

【兼容强化】 不再必须依赖客户端必须开启 JavaScript ,即便客户端没有 JavaScript 仍然可以显示内容而不是空白。

V 2.4

2024年8月23日 晚

【视觉修复】 将导航栏中的选项图标和文字的颜色融为一体,不再突兀。并在到达选项的目标页面时全部呈现碳黑色。

【功能增加】 和 data.js 中连自己都看不懂的逻辑死拼二小时半,增加 “全部字体” 功能,并将导航栏中的 “中文字体” 和 “英文字体” 选项折叠显示。

V 2.3

2024年8月23日 黄昏

【视觉优化】 字体详情页中,优化而使 边栏 信息栏的阴影更柔和,并新增一栏 “许可协议” ,删除了原本位于字体名称 右上角 的许可协议。

【视觉修复】 优化字体详情页的 “随机推荐” 模块样式和随机推荐的 “换一换” 按钮样式。

【BUG 修复】 英文字体详情页中随机推荐的 “换一换” 按钮错误的显示为 “刷新” ,现已修复。

V 2.2.2

ZeoSeven 保留了此版本的图像

2024年8月21日 晚

【视觉修复】 垂死梦中惊坐起,介绍应在最高处。很明显,对于新访客,还没有了解详情,字体直接怼脸上非常不狸猫,容易使新访客困惑两年半,经过非常高难度的一系列工程将介绍模块 Shift+Downnnnn -> Ctrl+X -> Uppppp -> Ctrl+V -> Ctrl+S 移动到最高处,其余不变,这样以来,首屏貌似更好看了一些?

V 2.2.1

2024年8月21日 傍晚

【新增功能】 首页新增 “最受欢迎 前3名” 模块,用于展示不定期的请求次数最多的前三名字体。

【视觉修复】 将 “最受欢迎 前3名” 模块和 “最新更新” 模块移动至首页最上,以最直观清晰的查阅字体,介绍模块移动到它们和 “随机推荐” 中间,并优化了 “开始使用” 模块。

V 2.2

2024年8月21日 午后

【视觉修复】 优化首页的 “最新更新” ,修改为直接展示字体卡片,而不是简单的字体名称 + 链接。

【视觉修复】 在首页的 “随机推荐” 中,排除 data 中定义的一些特殊的字体,比如 jsMath 系列、 Adobe Notdef 、 Adobe Blank 等会令人困惑的字体。完整列表中自然是不会排除的。

V 2.1

2024年8月19日 午后

【BUG 修复】 感谢网友 poetjudou 指出的 中文字体 CSS 文件在 cn-font-split v4.15.0 预定义属性导致了可变字体无法发挥效果的问题。现已完成修复。删除了预定义样式,使用浏览器预定义样式作为默认样式。完全转向由用户自己的 CSS 代码来更灵活的定义样式。

V 2.0.1

2024年8月19日 上午

【BUG 修复】 在一些喜欢另辟蹊径来使用的用户的查找页面中,有时候中文字体的预览词汇和英文字体一样,只有英文和数字,这代表查找功能对于筛选的编号并没有合理的分析是什么字体,现在使用了一种奇怪的方法解决。

【视觉优化】 引进新的工具提示 “Bootstrap 弹出框” 并定义高斯模糊和响应式,比原先的工具提示直接一坨黑色更加高雅。这在首页首先被应用,其次在 每个字体详情页中的英文子集化 查看字符时应用。

V 2.0

2024年8月17日 晚

【响应式重构】 优化所有页面的最大宽度和 auto 水平 margin ,解决了在超级大的设备上页面松散且小设备水平边距过大导致内容拥挤的问题。

【BUG 修复】 修复了导航栏在一些刁钻用户手中导致导航栏两边留空而失去模糊的问题。

【BUG 修复】 修复了字体详情页复制失败后没有任何反馈的问题。

【BUG 修复】 修复了查找功能在 V 1.2 中引入的 “没有结果” 反馈不显示且有时候在刁钻用户的手中导致有结果但仍然显示 “没有结果” 的问题。

【BUG 修复】 字体详情页中的随机推荐模块在刁钻用户手中有时候会出现两个卡片位于一行,这会导致卡片直接被挤压成薯片,虽然不知是否好吃 ... 已修复。

【BUG 修复】 修复了有时候右下角的公告弹出框无法关闭,这可能导致用户气愤到直接入土。同时这次更新将公告弹出框被关闭后再显现的时间从 2 小时调整为 12 小时。避免打扰。

【逻辑优化】 为字体详情页中的设计师的其它作品按钮设置了 * 号以触发 查找 功能的绝对顺序匹配。

【视觉优化】 ZeoSeven 意识到当前的字体列表不够现代化的原因是阴影过于浓重且具有边框,淡化了字体列表卡片的阴影,并去除了边框,同时修改了反馈逻辑,当悬停在字体列表卡片上时,去除阴影,将预览文字逐渐过渡为浓重的颜色,当点击后,为字体卡片增加黑色边框。

【视觉优化】 减少字体列表最大卡片数,从每行 4 个修改为 3 个,并且借助 ZeoSeven 最早设置的 每次只加载 12 个字体卡片的 12 这个数字的抉择,很好的兼容最大和每行 3, 2, 1 个卡片的显示。

【视觉优化】 增大字体详情页在大屏幕设备中的内部填充,以使页面更加紧凑。移动端仍旧是非常少的内部填充。

【视觉优化】 所有页面的标题和描述全部居中并采用相同的内部填充。抛弃了页面标题和描述都位于左侧的样式。

【视觉优化】 ZeoSeven 学会了对边框和分隔符的合理使用,在一些页面你应该可以看到少量的分隔线。当然包括 更新日志 也就是此页面,增加了分隔符来区分不同的版本更新。但不在完整版本日志后分割,而是在标题后分割以实现更快速的版本查阅和视觉协调。

【视觉优化】 起初,并不知道 Bootstrap 本身就具有好的 body 第一子容器 .container ,它不仅限制了最大宽度,还设置了最小水平内边距,以及自动的水平外边距,这相比我的 .bodyy 和 #bodyy 简单的设置了固定的内部垂直和水平边距更加健壮和灵活, JavaScript 已经修改, CSS 样式已抛弃 .bodyy 和 #bodyy ,更新后因为浏览器缓存,两小时内可能导致样式问题。

【布局优化】 对所有需要显示字体列表卡片的页面增大页面内部填充,以使得目光焦点于字体卡片中而不分散,因为每行最大卡片数从 4 修改到 3 ,所以字体卡片之间的间隔做了一定调整,移动端的间隔更小。同时去除非常大的 xxl 设备的字体卡片兼容,因为已经重构了响应式,在 xxl 设备上可直接使用 xl 的字体卡片布局。

【视觉修复】 修复了 xxl 设备上在字体卡片非常扁平,字体卡片上只剩下一行 “全世界无产者,联合起来!” 这不仅导致视觉松散,同时 “全世界无产者,联合起来!” 这句宣言在一行时失去了其表达力度。

【视觉修复】 原句 “全世界无产者,联合起来!” 基于绝对相同顺序而没有停顿,并不能体现出其表达力度,将后半句进行换行并使用居右的方式增加其表达力度。

【视觉修复】 未公开的 V 1.4 中本来要将 “全世界无产者,联合起来!” 作为预览词汇修改为 “ZSFT - 浏览上百款开源字体并使用免费的字体 CDN 服务” ,因为相似网站的字体预览功能都是产品的口号或精神。然而,原本的 “全世界无产者,联合起来!” 貌似使网站提升到了新的境界,并且具有其非常强大的表达力。

【词汇优化】 减小字体详情页中预览输入框中的字号,并重新挑选了 “换一换” 的预置词汇。

V 1.4-Alpha

2024年8月17日 傍晚

非公开版本。

V 1.3

2024年8月17日 黄昏

查找功能优化,曾经使用绝对顺序的模糊匹配,被替换为单个字符的相对模糊匹配,而曾经的绝对模糊匹配现在已经融合到搜索框中,并附加一个可以直接匹配所有项,展示出所有字体的选项。

点击 查找 体验新的 JavaScript 逻辑。

V 1.2

2024年8月16日 午后

字体详情页卡片样式更新,同时新增了下载按钮和字体简介。但出于对知识产权的保护和尊重,并不会直接展示字体原设计师的简介内容。会在对简介内容的许可协议查询或设计师发送授权简介内容后展示。

V 1.1

2024年8月13日 傍晚

优化 JavaScript 搜索模糊匹配逻辑,原本如果要搜索 “Noto Sans CJK 思源黑体 SC” ,则需要输入 “思源” 或 “思源黑体” 来模糊匹配它,而新的匹配逻辑可以使用 “体源思黑” 或 “源思” 来匹配到 “Noto Sans CJK 思源黑体 SC”。

简单来说,从 ZeoSeven 自己命名的 “完整关键词模糊匹配” 修改到 “单个字符模糊匹配”。

V 1.0.1

2024年8月8日 上午

因为国际边缘和中国网络的合并,英文字体详情页在 CSS 代码中提供备用冗余方案,在 CDN 不可用时,直接由 源服务器 提供文件。

中文字体详情页提供可选的备用冗余方案,使用 JavaScript 实现的 IIFE 动态添加 LINK 标签,并在 CDN 不可用时,直接由 源服务器 提供文件。


这当然不是对 CDN 的不自信,毕竟 CDN 本身就拥有很多冗余方案,这只是为了在非常非常极端的情况下仍继续提供字体加载。

V 1.0.0

2024年8月6日 上午

经过非常充分的测试之后,预览版本在 RC 15.4.1 正式终结。


难以置信, ZeoSeven 将国际边缘 zsftcdn.zeoseven.com 和中国网络 zsftcdn-cn.zeoseven.com 正式统一到 static.zeoseven.com 。zsftcdn.zeoseven.com 和 zsftcdn-cn.zeoseven.com 将继续正常运行,但不再提供文件,而是重定向到 static.zeoseven.com ,当哪天开发者看 DNS 记录中的 zsftcdn 和 zsftcdn-cn 的 A 记录不顺眼时,就会将其删除,届时将被终止,但实际上这些域正常提供重定向到 static.zeoseven.com 至少 1 个月。

RC 15.4.1

2024年8月1日 清晨

【字体预览优化】 在字体列表,随机推荐和搜索结果中的字体卡片中,如果一款字体字库缺字,将直接显示为 X (使用 Adobe Notdef 字体),而不是使用系统 monospace 字体替代。字体详情页输入预览功能照旧使用系统 monospace 字体替代。

RC 15.4

2024年7月31日 黎明

修改字体详情页的 main.css 文件加载逻辑,不再使用 JS 动态生成 LINK ,解决了首次进入详情页时,样式短暂崩溃的问题。

移动任何位置的 JS 代码,统一到 main.js 并由 if 语句判断此页面是否需要执行,使得 .html 文件中不会再出现 JS 代码。

RC 15.3

2024年7月28日 正午

删除了 “有字体需要更新 /post/update-font” 页面,融合到字体详情页的 “该字体需要更新” 按钮中,不再需要输入字体编号, JavaScript 自动获取,简化表单提交和页面繁杂度。

字体详情页新增 “设计师的名称有误或非正式名称” 选项,和 “该字体需要更新” 一样融合到链接中,同样不需要输入字体编号,只需要输入需要纠正的设计师名称。

RC 15.2

2024年7月27日 午后

优化字体详情页,最初,字体详情页的所有字符全部都显示对应详情页的字体样式,这导致一些缺字或字符潦草的字形的字体详情页无法得到信息,修改为部分为对应详情页字体的样式。现在,继承全局自定义字体,字体预览不受影响,这之后,将不会在 fonts.zeoseven.com 看到任何一个浏览器默认字形的字符,除非在字体预览中字体缺字才会由浏览器默认 serif 继承。

RC 15.1

2024年7月23日 黄昏

当我仔细阅读了所有 “作者声明” 字体的法律文件后,一瞬间,产生了大量的主要由 氢和氧 组成的不明物质。

去除了三十余个具有法律禁止二次分发和旧字形、废弃字形等字体,中文字体从 253 的数量降低至 220。

RC 15

ZeoSeven 保留了此版本的图像

2024年7月23日 清晨

没人会喜欢大老粗式的公告弹窗,我也是这么认为的。更为小巧可爱的或许更加的不打扰浏览体验。

点击 X 之后,将会在 12 小时内不再弹出,使用 Window.localStorage 。

旧的弹窗样式 | 新的弹窗样式

RC 14

2024年7月22日

字体详情页新增 随机推荐 模块,并添加了 “刷新” 功能。继续使用仅客户端 JavaScript 让字体索引数据随处调用。

RC 13

2024年7月16日

ZeoSeven 尝试在字体卡上增加了不一样的颜色渲染,当然在背景颜色挑选上,会尽量更符合大众审美,而不是一些 ... 屎黄 ...

首页太过单调,没有颜色,很容易被 “卡颜” ,虽然 ZeoSeven 并不擅长设计,但也使用了将近 3 小时的时间去设计首页的 CSS 。增加背景,阴影,边框,颜色和渐变。


  • 最大胆的修改,将原本的字体卡的父容器 row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 这样看似合理的设备越大每行卡片越多,但在一些刁钻设备上,比如刚好在中间值,临近 sm 但属于 md 的范围,会导致渲染 3 个卡片,非常扁。修改为更具体的 row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-4
  • RC 12.1

    2024年7月14日

    字体详情页中的灰色卡片样式看起来并不奇妙,修改为无动态效果的白色卡片或许更加美观。

    字体详情页中的作者模块新增 “此作者的其它作品” 按钮,当然,纯前端实现或许有些问题,因为 data 是由 JavaScript 定义,和字体详情页中或许有差别,但 ZeoSeven 已经进行了统一。或许会漏掉一些也不是不可能 ...

    少量内容,比如 英文子集化选项 中的 “查看字符” 不再跳转,修改为 “工具提示” 方式显示。对应页面已删除。

    RC 12

    2024年7月8日

    中国网络新增 3 台支持 HTTP/1.1 的 IPv4 边缘服务器。

    RC 11

    2024年7月4日

  • 概述
  • api.zeoseven.com/zsft 修改到 zsftcdn.zeoseven.com

    api.zeoseven.com/zsft 将继续支持到 2024年7月15日

    2024年7月15日 后 api.zeoseven.com/zsft 将重定向到新域

  • 详细
  • ZeoSeven 最愚蠢的决定就是将CDN提供域设置在 api.zeoseven.com/zsft ,这明显导致了很多问题,现在,修改到专用提供域: zsftcdn.zeoseven.com 且未来绝对性的不会再做任何修改,只需要将 api.zeoseven.com/zsft 替换为 zsftcdn.zeoseven.com ,因为在新域,不再需要 /zsft/cn/ 或 /zsft/en/ 而是直接性的 /cn/ 或 /en/ 。另外,旧域 api.zeoseven.com/zsft 将继续支持到 2024年7月15日 后终止。并延长支持重定向到新域直到服务器不再可用。

    RC 10.1

    2024年7月3日

    在 RC 9 版本中,合并了字体数据到一个文件,而又需要多页面使用,那么就需要 JavaScript 逻辑非常健壮,然而它在没有报错的情况下,在汉字字体和英文字体中,因为加载更多没有使用 AJAX 只不过是不触发字体请求和随机排序,这时候,加载更多按钮的生成逻辑无法去除之前生成过的项,也就出现了上次生成过的项,现已修复。

    RC 10

    2024年7月3日

    完全去除 “下载” 功能,专心为 CDN 分发进行优化。

  • 优化字体详情页布局,使其更加直观。
  • RC 9

    2024年7月2日

    ZeoSeven 真的做到了合并字体数据,将所有字体数据合并到一个文件,并通过 “自认为” 非常健壮的判断代码来判断所在的页面并执行所需的筛选和生成,终于不再需要搜索页面一个数据、汉字字体一个数据、英文字体一个数据。现在只需要加载一个数据文件即可。

    RC 8

    2024年7月1日

  • 迁移 dl.api.zeoseven.com 到 download.zeoseven.com/zsft/ 并在 RC 8 之后不再更新,这意味着接下来收录的汉字字体不会再提供可用下载。
  • 英文字体下载域也从 dl.api.zeoseven.com 迁移到 api.zeoseven.com 并持续更新。
  • “上传” 功能因成本问题已不再可用。可直接提交字体并等待 ZeoSeven 完成收录。

    RC 7.1

    2024年7月1日

  • 从 RC 7.1 版本之后,汉字字体不会再在 dl.api.zeoseven.com 提供可用下载,之前已有的可用下载不变,英文字体照旧提供可用下载。
  • 导航栏中 “功能” 折叠栏增加 JS 页面判断和响应,会在处于一个功能页面时,功能将会呈现 “选中” 状态。
  • RC 7

    2024年6月30日

    ZeoSeven 多少有些老蝉的清除了边缘服务器缓存,导致加载速度暂时降级。

  • 在汉字字体详情页中新增加载指示器,可以更好的了解现在的字体是否是浏览器默认字体在显示。
  • 在首页新增随机显示 12个 字体。
  • dl.api.zeoseven.com 下载域的下载方式从 Streaming 方式修改为传统方式传输。
  • RC 6.1

    2024年6月29日

    不知何时起, api-r2.zeoseven.com 的适用于 CORS 的响应标头丢失,不过还没有被很多人发现,已经修复。

    因为字体的更新迭代通常需要很长时间,毕竟 ZeoSeven 甚至收录过 20世纪 到现在还没有更新的字体,故将 Cache-Control 响应标头从 24天 修改为 两个月半,因为 ...

    RC 6

    2024年6月26日

    字体列表随机颜色和随机语句并不妥,因为无法直接看出,眼花缭乱,字体又太小,故而,将列表的字体卡片统一颜色,统一语句,加大字体大小,而这统一的这个句子,必定是最简短而最具有意义的。

    拥有肝帝的力量,胜利是理所当然的
      耗费 2.5 个肝脏,将所有字体的列表展示子集修改,统一为一句话,去除所有字体原有的所有子集字符。
  • 引入更现代化的 IPv6 和 HTTP/3 QUIC 兼容。旨在优化效率和安全性。
  • ZeoSeven 拥有了 HTTP/3 和 IPv6 的加持,现在已重启汉字字体详情页的直接输入预览。
  • 实际上, ZeoSeven 原定于 6月26日晚22点 进行这些更新,因为这些更新会中断服务,但因为开发者效率足够高,在 6月26日下午16点12分 已经完成 HTTP/3 QUIC 和 IPv6 的兼容,这些现代技术将使得加载效率和安全性进一步提升,在 16点9分 ~ 16点11分 中断的服务,现已恢复,但边缘服务器需要重新缓存,所以刚开始会较慢。

    RC 5.2.3

    2024年6月25日

  • 因为字体下载链接使用和提供 CDN 相同的域 api.zeoseven.com ,这会导致在下载大文件时,对 CDN 分发效率造成干扰,故修改下载字体链接,从 api.zeoseven.com 修改到专用下载域 dl.api.zeoseven.com ,使用 Streaming 方式传输。
  • RC 5.2.2

    2024年6月25日

  • 修复了 RC 5.2.1 修复后带来的点击搜索结果的卡片后跳转到错误的不存在的 404 页面。
  • RC 5.2.1

    2024年6月25日

  • 修复查找界面中,英文字体和汉字字体共用一套只有英文字符的预览词汇。
  • RC 5.2

    2024年6月24日

  • 修复了汉字字体详情页中的复制按钮无效的问题。
  • 改进了预览词汇 “换一换” 的逻辑,不会再轻易出现上一次重复的词汇。
  • RC 5.1

    2024年6月22日

  • 导航栏和菜单样式全部重构。
  • RC 4

    2024年6月13日

  • 【划时代的字体分包】借助划时代的 cn-font-split 开源项目将汉字字体分为平均 60KB 的包,以做到按需加载,英文字体照旧提供完整的 WOFF2 文件URL。
  • 【功能 - 统计数据】为节省服务器资源,所以每 1 个月刷新一次,其中包含“请求次数最多的字体前 7 名”,“使用的浏览器占比”,“使用的 ISP 线路占比”以及“流量趋势表”。
  • 【功能 - 定制字体】实际上,因为成本考虑,每个上传的文件从原来的 512 KB 下调至 128 KB ,其实貌似并不影响英文字体和图标字体的上传。
  • 【融合全部节点】将原来的 7 个节点融合到默认节点,这将是 ZSFT 的一大步,或许在将来不久,即可下线“全部节点”功能。
  • 【汉字字体预览开启】因无需再加载完整的汉字 WOFF2 文件,所以汉字字体的直接删除并输入预览功能像英文字体一样已开启。
  • 【汉字字体功能去除】去除原有的 swap.css 文件功能提供,保留英文字体的 swap.css 功能保留。
  • 【页面设计优化】字体详情页的边栏卡片更加圆润,阴影更加生动,不再是垂直阴影。
  • 【英文字体新增子集化选项】在嵌入字体栏的第二项,新增去除多余的拉丁文字母的 WOFF2 文件,文件更小,加载更快。
  • 【其它】新增字体字重名称解释页面。删除亲自测试页面,因为此页面被滥用节点带宽浪费。

  • 【BUG 修复】
    • 字体详情页的导航栏,如果在小型设备上导航栏折叠的情况下,点击展开菜单按钮无效,已经修复。原因是等待了两次 DOM加载完成 事件。
      字体加载时偶尔出现的 字体文件损坏,无法加载资源 的问题已经修复,原因是节点缓存去缓存 Stream 传输的文件时,会出现只缓存了文件的一部分的情况。

    RC 3

    ZeoSeven 保留了此版本的图像

    2024年5月27日

    ZeoSeven 并不会设计,也不是设计师。但是, ZeoSeven 的审美还是在线的。可以点击这里查看旧的首页。
    旧的首页的排版和样式连最基本的主次分明都没有,两只眼怎能同时看那么多信息,还是决定修改一下。
    一天时间,耗尽 132445672.5 个灵感细胞得到新的首页。
  • 首页新增 总收录字体 模块。
  • 增大 累计请求次数 模块和字体。
  • 整合所有杂乱内容到一个 Heroes。
  • RC 2.1.2

    ZeoSeven 保留了此版本的图像

    2024年5月15日

  • 新增 23个 英文字体和 7个 中文字体。
  • API 主节点带宽提高。
  • 汉字字体的字库如果过大,不再子集化删减来提高加载速度,这是对字体作者的不尊重,故而,提供全字库的加载,但保留 GB/T 2312 子集化的定制选项。正常来说,小于 5MB 的汉字字体不会有这样的选项。
  • 解决了要求英文字体提供 GB/T 2312 子集化选项的用户。

    RC 2.1.1

    2024年5月11日

  • 给简易的导航栏添加了响应式和模糊背景。
  • 优化 JS 执行逻辑。给字体详情页的右边栏信息增加逐渐淡出动画(其实是因为JS请求样式的时候有问题)
  • 新增 QU 和 EM 节点,分别位于 美国圣何塞 和 中国香港。
  • T1 节点修改,如果没有出错的话, T1节点应该位于 希腊雅典。
  • QU 和 T1 节点覆盖 CDN ,在解析的时候都会尽量距离最终设备最近。达到更快的加载速度。
  • 所有主要访问站点接入 Cloudflare ,得到更好的安全性的同时,速度会稍慢,但已经进行了针对优化。
  • RC 2.1

    2024年5月7日

  • 修改了已经有39天未更新的 亲自测试 页面,加入了一些样式,使其更加美观,而不是纯文字自己测去吧。然后移动了一下位置。
  • 新增 自选节点 解决方案,用于如果觉得默认节点加载字体的时候比较慢,可以更换其它 CDN 提供商的节点。国内外都有。
  • 优化了首页,不再是左边空白一片右边满满的信息。
  • 优化顶部导航栏,将 汉字字体 和 拉丁字体 整合到 字体 中作为子选项,简洁了导航栏,同时,将 拉丁字体 四个字修改为 英文字体。

    RC 2

    2024年5月5日

    优化前端 JavaScript 代码,使其执行更快,同时删除了部分只会报错的无用代码。

    我曾尝试增加上游服务器实现负载均衡,当然,的确获得了一些国内外云 CDN 厂商提供的节点,目前为 3 个,分别是
    api-t1.zeoseven.com
    api-t2.zeoseven.com
    api-t3.zeoseven.com
    均支持 HTTPS 协议,是的,我现在得到了 后端服务器集群 ,但是,有一个问题使我不得不公开节点,因为反向代理是由 nginx 代理传输,也就是说,下载和上载速度取决于 api.zeoseven.com 的速度,即是:
    用户 <--GET--> Nginx <----> 后端服务器集群
    而不是
    用户 --GET--> Nginx ----> 后端服务器集群 ----> 用户
    故而,提供了更快的速度,但是,并不是自动的,不过也是此次更新的主要点,因为并没有过多更新前端页面或收录。
  • 新增查找功能,使其可以匹配类别,并显示在上方导航栏。
  • 统一导航栏样式,之前,字体详情页和其它页面因为技术问题而使用两套导航栏,这导致加载问题,现在我惊人的想到 JS 既然已经引入了外部 CSS 到 head ,那有什么不能引入外部的 导航栏 JS 呢?虽然如此,但导航栏的标记所在页问题导致报错,故而将页面标识符直接改为空白以解决。
  • 优化请求数统计,完全 PHP 自动化统计边缘节点和源服务器的共同请求总数。
  • RC 1

    2024年4月30日

    将首页顶部的导航栏菜单化,使其更加功能化,而不是只显示一个加载指示器。
    同时,移除首页的加载指示器,但保留了一部分,保留了详情页的加载指示器。
    修改 cdn-zsft.zeoseven.com 到 api.zeoseven.com/zsft/ 达到更好的管理的同时,简化域名数量, BETA 对外测试之后(RC),此域可能不会再修改。
  • 彻底修改详情页,不再是一个居中的容器,然后一股脑全部放进去,而是分为一大一小的两个容器,并添加响应式,去除边框,无缝衔接背景,并将标题脱离容器,显示在单独的上方。 汉字字体不再提供在线输入预览,而是预配置词汇,通过换一换来预览,达到更快的加载速度,避免请求量过多的时候被详情页优先加载而占用。
  • 优化嵌入字体部分,增加适用于 初学者 或 方便开发者的 准备就绪的 swap.css 通过 link 直接引入,而不是必须通过 CSS 引入 font-family 的字体 URL。
  • 修改 许可证 的显示位置,显示在字体名字的上标,并配置绿色来达到鲜明。
  • 增加 帮助 菜单。
  • 优化 嵌入字体 部分的代码展示区域,使代码可换行,避免在小型设备上出现溢出的问题。同时,重新设置了颜色搭配,并不是原来那不清晰的白底灰字。
  • 利用预加载使得在浏览首页的时候,同时预加载字体数据,达到切换到其它页面时,加载更快。 但为了避免速度问题,并不预加载 WOFF2 文件,这可能导致您需要等待片刻才会看到字体发生变化从而预览。
  • 去除宣传图作为预览部分,这不仅不尊重图片设计的知识产权,因为图片并没有任何许可,故而,采用更高效更方便预览的随机名言名句来预览,并已经支持显示字重数量。
  • 同时加载数百个 WOFF2 文件,那卡顿感是可想而知的,因为即便是本地调试,都会出现卡顿。 故而,在随机排序的前提下,加入了加载更多按钮,每次至多显示 2 、 3 、 4 的公倍数 24 个,达到在任何设备上,都可以完整显示到最右侧。并且一次只加载 24 个 WOFF2 文件 很好的解决了性能问题。
  • BETA 0.5

    2024年4月27日

    既然在线预览需要加载完整的 WOFF2 字库,那么可以直接全局修改字体,以更符合“预览”,增强美观性。
  • 优化 data.js 代码。
  • 压缩 style.css 代码,使其加载速度更快。
  • 去除 Cloudflare 节点,转为 国内阿里云 节点,加快 预览图/宣传图 加载速度,提供 CDN 的 cdn-zsft.zeoseven.com 节点不变。
  • 使用 JavaScript 重定向 cdn-zsft.zeoseven.com 到 zsft.zeoseven.com ,使其正式成为 zsft.zeoseven.com 的服务提供域。
  • zsft.zeoseven.com 不再拥有 Cloudflare 提供的 GTS CA 证书 HTTPS 安全性,但 ZeoSeven 可以使用 DigiCert 让 zsft.zeoseven.com 仍然保证 HTTPS 的加密传输层,以确保安全性。
  • BETA 0.4.2

    2024年4月24日

  • 将专用的 cdn.zsft.zeoseven.com 更改到具有有效 SSL 证书的 cdn-zsft.zeoseven.com ,确保 HTTPS 的传输加密层,保证数据的安全性。
  • cdn.zsft.zeoseven.com 不再受支持,因为它没有有效的 SSL 证书覆盖,虽然因为没有 HTTPS 而速率更快,不过还是更推荐更安全的 cdn-zsft.zeoseven.com 。
  • BETA 0.4.1

    ZeoSeven 保留了此版本的图像

    2024年4月12日

  • 去除字体详情页的 文件列表 表格。很明显,不仅仅是开发者认为 文件列表 没用。
  • 新增 2 款来自同一位作者的字体。它们分别是 20 和 21 ,作者有在两个平台的名字都不同,故而作者名称后附加了一个名称,特此陈述。
  • 修改 JavaScript 的填充逻辑,降低错误率,同时达到加载完成后更快的填充速度。
  • BETA 0.3.8

  • 新增 使用方法 页面。
  • 优化 ZSFT 全站资源大小,使得加载速度得到显著提升(除了中国的移动 ISP 线路)。
  • 优化 data.js 逻辑,大胆的去除多余代码,使得载入字体数据到 zsft.zeoseven.com 的速度更快。
  • BETA 0.3.7

  • 新增 6 款字体。
  • 优化了流畅度。
  • 修复了 遗漏 的样式更改。
  • BETA 0.3

  • 在 HTML 中加载字体,只需要在 head 标签中引入一个 <link> 即可,剩下的交给 ZeoSeven。  只需要在您的项目中引入 woff2 文件的 URL 或添加 <link>,剩下的交给 ZeoSeven。
  • 【新增功能】原有的引入 CSS 功能扩展到可引入 字体URL ,使得其 自定义自由性 更高并解决了 多字重字体 的引入问题。
  • 【域修改】将原本的 zeoseven.com/zsft/* 修改到专用的 cdn.zsft.zeoseven.com/*
  • 利用 JavaScript 使 zsft.zeoseven.com 不再需要频繁更改 index.html 即可更新,达到了 index.html 可长期保留在浏览器缓存,使得页面加载更快。
  • BETA 0.2.1

  • 【加载过程优化】加载图片的 预览/宣传图 时,首先会加入一个 占位符 以解决原来的加载时只显示一条横线,让人认为这个字体没有 预览/宣传图 或整个网站都没有 预览/宣传图!
  • BETA 0.2

  • 【导航栏优化】去除加载指示器。将 搜索框 很好的并入到导航栏中。
  • 将一些 提示词 更改为触发其操作时才悬浮显示出来,使页面更简洁。
  • 优化 卡片阴影,不再是常规的四周阴影,而是 90° 度角的两个边显示阴影。达到融合到背景中的目的。
  • 优化 卡片 的 鼠标悬停 和 点击 动画,不再是僵硬的直接修改背景色,而是逐渐更改阴影到相反位置。当点击时,会逐渐将 相反阴影 的颜色变深。
  • 移除部分 多余代码 ,加快页面显示速度。
  • 修改了部分内容的 显示位置 ,使页面不那么杂乱。
  • 更改 请求次数 的统计单位,从 K(千) 更改到 万 。
  • BETA 0.1.4

    非公开版本。

    BETA 0.1.3

    非公开版本。

    BETA 0.1.2

    非公开版本。

    BETA 0.1.1

    非公开版本。

    BETA 0.1

    非公开版本。

    Beta

    非公开版本。