收录于 VXNA 的 1 个网站 收录于 VXNA 的 1 个网站
 |
radishzzV2EX 第 608970 号会员，加入于 2023-01-03 14:12:25 +08:001
 1  63  |
radishzz 最近回复了
11 小时 13 分钟前 回复了 sbldehanhan 创建的主题 › iPhone › 日历 APP 推荐？ |
minical ，把网断了无广告，等于买会员
23 小时 41 分钟前 回复了 liuidetmks 创建的主题 › 程序员 › 在网页嵌入 [中文] 字体的最佳实践是？ |
再补充一下：
1 、动态字体用 fonttools 的 pyftsubset 工具提取子集，需要在 subset.txt 内填入想要的字符。
2 、引入 fontface 时要设置 display:swap
3 、fontfamily 里 UI 子集需要放在切片子集的前面，这样的话，在 UI 子集里命中的字符，就不会在切片子集里再次查找。
4 、fontfamily 需要选用系统字体作为后备，可以参考 tailwind 里 sans 或者 serif 的预设。
1 、动态字体用 fonttools 的 pyftsubset 工具提取子集，需要在 subset.txt 内填入想要的字符。
2 、引入 fontface 时要设置 display:swap
3 、fontfamily 里 UI 子集需要放在切片子集的前面，这样的话，在 UI 子集里命中的字符，就不会在切片子集里再次查找。
4 、fontfamily 需要选用系统字体作为后备，可以参考 tailwind 里 sans 或者 serif 的预设。
23 小时 58 分钟前 回复了 liuidetmks 创建的主题 › 程序员 › 在网页嵌入 [中文] 字体的最佳实践是？ |
这事很值得说道，楼上的方法我都有使用。因为最近在手搓一个博客主题，我在里面放了 4 款自定义字体，经过优化以后 pagespeed 依然满分。
简单说下中文字体的优化过程：
1 、下载字体文件转 ttf 格式
2 、用 Fontmin 提取 3500 常用汉字，或 7000 通用汉字。一般 3500 足矣。
3 、用 cn-font-split 进行字体切片，切成大量 woff2 子集，以应对动态变化的字体。官网子集只能切成 75kb 大小，本地运行可以自定义子集大小，我切成平均 25kb 大小。
4 、再把 UI 中的静态字符，例如“主页”“返回”等，单独提取一个 UI 子集出来，并列出对应的 unicode 。5 、在 head 中给 UI 子集设置一条 preload ，确保 UI 字体提前加载。大量切片不能预加载。
6 、引入 fontface 并设置好 unicode 范围，再设置下 fontfamily 就可以了。
另外，以上是静态字体的处理方式，如果是可变字体，处理方式又有点不一样。你这款字体应该是静态，够用了。
这是我的处理后的字体仓库，里面有 3500 常用汉字 https://github.com/radishzzz/astro-theme-retypeset/tree/master/public/font
简单说下中文字体的优化过程：
1 、下载字体文件转 ttf 格式
2 、用 Fontmin 提取 3500 常用汉字，或 7000 通用汉字。一般 3500 足矣。
3 、用 cn-font-split 进行字体切片，切成大量 woff2 子集，以应对动态变化的字体。官网子集只能切成 75kb 大小，本地运行可以自定义子集大小，我切成平均 25kb 大小。
4 、再把 UI 中的静态字符，例如“主页”“返回”等，单独提取一个 UI 子集出来，并列出对应的 unicode 。5 、在 head 中给 UI 子集设置一条 preload ，确保 UI 字体提前加载。大量切片不能预加载。
6 、引入 fontface 并设置好 unicode 范围，再设置下 fontfamily 就可以了。
另外，以上是静态字体的处理方式，如果是可变字体，处理方式又有点不一样。你这款字体应该是静态，够用了。
这是我的处理后的字体仓库，里面有 3500 常用汉字 https://github.com/radishzzz/astro-theme-retypeset/tree/master/public/font
2 天前 回复了 AndrewHenry 创建的主题 › 程序员 › ai 编程老乱动代码怎么办 |
1 、请记住，没有我的允许，不要修改我的文件！
2 、请仔细思考，有哪些解决方案？哪个方案最合适？
3 、请直接展示你的解决方案，并说明修改了什么？原来是什么？
4 、给出方案后，请检查验证，方案是否存在问题？
5 、如果没有问题，在得到我的允许后，你才能修改我的文件，切记！
2 、请仔细思考，有哪些解决方案？哪个方案最合适？
3 、请直接展示你的解决方案，并说明修改了什么？原来是什么？
4 、给出方案后，请检查验证，方案是否存在问题？
5 、如果没有问题，在得到我的允许后，你才能修改我的文件，切记！
2 天前 回复了 dengyao1014 创建的主题 › 分享发现 › 用 Trae 做了一个游戏网站，说一下 Trae 的使用感受。 |
Trae 有点搞，不让安装主题和图标包，而且还居然不支持 Copilot ，挺难受的
2 天前 回复了 IAmSimon 创建的主题 › 程序员 › 讨论一下 Ai 辅助编程的痛点 |
人工智能正在创造一代文盲程序员 https://nmn.gl/blog/ai-illiterate-programmers
2 天前 回复了 huangmingyou 创建的主题 › Apple › 有人自己拆过 mac pro 的电池吗 |
拆过几次，胶是真的牢，第一次很费劲，大力出奇迹，拿工具铲子硬铲下来的，感觉要把背后的触摸板都铲坏了，清理残胶也费劲。第二次商家送了解胶剂，很轻松就铲下来了，整个过程 20 分钟搞定。
16 天前 回复了 hutusi 创建的主题 › Blogger › 请问大家多久更换博客样式？以及博客如何才能被百度搜索到？ |
16 天前 回复了 hutusi 创建的主题 › Blogger › 请问大家多久更换博客样式？以及博客如何才能被百度搜索到？ |
最近正在手搓一个博客主题，移动刚搭了一半，有兴趣可以看看 https://retypeset.radishzz.cc
Select Language