跳转至内容
  • 最新
  • 版块
  • 标签
  • 热门
  • 用户
  • 群组
  • 太微中文教程
  • 新插件投票看板
皮肤
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • 默认(不使用皮肤)
  • 不使用皮肤
折叠
太微中文论坛icon

太微中文论坛

  1. 首页信息流
  2. 版块
  3. 讨论
  4. 字体子集化,傻瓜式内嵌字体,实测移动端离线生效

字体子集化,傻瓜式内嵌字体,实测移动端离线生效

已定时 已固定 已锁定 已移动 已解决 讨论
16 帖子 3 发布者 380 浏览
  • 从旧到新
  • 从新到旧
  • 最多赞同
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • dyp1121054136D 离线
    dyp1121054136D 离线
    dyp1121054136
    写于 最后由 编辑
    #1

    小白推荐,适用于少量文字 https://github.com/ecomfe/fontmin-app/
    进阶方案 http://ecomfe.github.io/fontmin/#app

    导入字体,粘贴文字,点击生成,把生成的-embed.css文件拖入tiddlywiki,加上tag:$:/tags/Stylesheet,在设置-外观-主题调整-字型,加上生成字体font-family对应的字体名称。

    软件界面
    软件界面.jpg

    生成文件
    生成文件.jpg

    导入到tiddlywiki
    导入到tiddlywiki.jpg

    加tag$:/tags/Stylesheet
    加tag.jpg

    设置字型
    设置字型.jpg

    加上新字体名称
    加上新字体名称.jpg

    最终效果
    最终效果.jpg

    下载附件
    字体子集化.html

    1 条回复 最后回复
    0
    • dyp1121054136D 离线
      dyp1121054136D 离线
      dyp1121054136
      写于 最后由 编辑
      #2

      字体子集化主要是为了解决移动端阅读问题,目前移动端tiddlywiki无法引用外部离线字体,嵌入完整字体文件又会导致体积过大卡死。如果有确定的文本,那么只针对这些内容生成字体css,字体体积将大大减小,实测转换几万字是可行的,多了可能会卡。

      1 条回复 最后回复
      0
      • 马萨伊尔马 马萨伊尔 将这个主题转为问答主题,在
      • 马萨伊尔马 马萨伊尔 将这个主题标记为已解决,在
      • 马萨伊尔马 马萨伊尔 将这个主题标记为已解决,在
      • dyp1121054136D 离线
        dyp1121054136D 离线
        dyp1121054136
        写于 最后由 编辑
        #3

        推荐字体:
        汉仪月光舞 W
        https://www.hanyi.com.cn/productdetail.php?id=7313&type=0

        霞鹜臻楷
        https://www.maoken.com/freefonts/14773.html
        https://wwav.lanzoue.com/illfC0z1wcqh

        1 条回复 最后回复
        0
        • dyp1121054136D 离线
          dyp1121054136D 离线
          dyp1121054136
          写于 最后由 编辑
          #4

          霞鹜臻楷效果
          霞鹜臻楷效果.jpg

          附件下载
          字体子集化-霞鹜臻楷.html

          机杼机 1 条回复 最后回复
          0
          • 机杼机 离线
            机杼机 离线
            机杼
            在 中回复了 dyp1121054136 最后由 编辑
            #5

            @dyp1121054136 哈哈,你好像我当初学习tiddlywiki的样子。当时也是把各种样式表搞了一下。

            后面tiddlywiki还有很多东西可以探索的。

            1 条回复 最后回复
            0
            • dyp1121054136D 离线
              dyp1121054136D 离线
              dyp1121054136
              写于 最后由 编辑
              #6

              指定class为myNote的条目应用相应字体
              新建条目加tag:$:/tags/Stylesheet,输入以下代码

              .myNote .tc-tiddler-title {
              font-family: "LXGWZhenKai";
              }
              .myNote .tc-tiddler-body {
              font-family: "LXGWZhenKai";
              }
              
              1 条回复 最后回复
              0
              • dyp1121054136D 离线
                dyp1121054136D 离线
                dyp1121054136
                写于 最后由 编辑
                #7

                附件下载,常用中英文字符
                常用中英文字符.html

                1 条回复 最后回复
                0
                • dyp1121054136D 离线
                  dyp1121054136D 离线
                  dyp1121054136
                  写于 最后由 编辑
                  #8

                  中文真麻烦,还是会有覆盖不到的字😊

                  官方通用规范汉字表8105个:
                  分为三级:一级字表为常用字集,收字3500个,主要满足基础教育和文化普及的基本用字需要。二级字表收字3000个,使用度仅次于一级字。一、二级字表合计6500字,主要满足出版印刷、辞书编纂和信息处理等方面的一般用字需要。三级字表收字1605个,是姓氏人名、地名、科学技术术语和中小学语文教材文言文用字中未进入一、二级字表的较通用的字,主要满足信息化时代与大众生活密切相关的专门领域的用字需要。http://www.moe.gov.cn/jyb_sjzl/ziliao/A19/201306/t20130601_186002.html

                  1 条回复 最后回复
                  0
                  • dyp1121054136D 离线
                    dyp1121054136D 离线
                    dyp1121054136
                    写于 最后由 dyp1121054136 编辑
                    #9

                    附件下载
                    常用中英文字符-霞鹜文楷屏幕阅读版v1.315 8105中文字

                    常用中英文字符-霞鹜文楷屏幕阅读版v1.315 8105中文字.html

                    已加好tag:$:/tags/Stylesheet,把字体条目LXGWWenKaiGBScreen-embed.css拖动到自己的tiddlywiki,在设置-外观-主题调整-字型,最前面加上"LXGWWenKaiGBScreen",,即可对整个tiddlywiki应用。

                    1 条回复 最后回复
                    0
                    • dyp1121054136D 离线
                      dyp1121054136D 离线
                      dyp1121054136
                      写于 最后由 编辑
                      #10

                      感谢大佬提供的8105中文字电子版😁

                      通用规范汉字表数字化整理
                      知乎 https://zhuanlan.zhihu.com/p/635303680?utm_id=0
                      GitHub https://github.com/cdtym/digital-table-of-general-standard-chinese-characters#一一三级字表

                      1 条回复 最后回复
                      0
                      • dyp1121054136D 离线
                        dyp1121054136D 离线
                        dyp1121054136
                        写于 最后由 编辑
                        #11

                        字体不仅要好看,还要清晰,支持长时间阅读,电脑端使用默认的微软雅黑最好,字号设置得小也很清晰,要换字体也最好选同类的无衬线黑体字,并可以适当调大字号和行间距获得最佳阅读体验。移动端因为屏幕小,显示精度高,可选择字体反而更多了呢👏 。

                        经过测试,目前我正在使用以下字体:

                        移动端推荐字体
                        LXGW WenKai Screen / 霞鹜文楷屏幕阅读版v1.315
                        https://github.com/lxgw/LxgwWenKai-Screen

                        电脑端推荐字体
                        LXGW Neo XiHei Screen / 霞鹜新晰黑屏幕阅读版v1.108
                        https://github.com/lxgw/LxgwNeoXiHei-Screen

                        1 条回复 最后回复
                        0
                        • P 离线
                          P 离线
                          pj555
                          写于 最后由 编辑
                          #12

                          这个字体好看

                          1 条回复 最后回复
                          0
                          • dyp1121054136D 离线
                            dyp1121054136D 离线
                            dyp1121054136
                            写于 最后由 编辑
                            #13

                            字体文件建议只安装一个,推荐woff格式,流畅度更好,编辑时不卡。woff格式字体相当于字体压缩包,引用的时候才解压转码,体积更小。

                            tiddlywiki字体合集
                            https://dav.yiandrive.com/s/3rxns5

                            1 条回复 最后回复
                            0
                            • dyp1121054136D 离线
                              dyp1121054136D 离线
                              dyp1121054136
                              写于 最后由 dyp1121054136 编辑
                              #14

                              一个 woff 字体文件加一个申明引用字体位置的条目,效果与一个 embed.css 文件相同。

                              新建条目引用woff格式字体示例:

                              条目标题 引用字体-LXGWWenKaiGBScreen
                              条目标签 $:/tags/Stylesheet
                              条目内容

                              @font-face {
                              	font-family: "LXGWWenKaiGBScreen";
                              	font-style: normal;
                              	font-weight: 400;
                              	src: local("LXGWWenKaiGBScreen"), url(<<datauri "LXGWWenKaiGBScreen.woff">>) format("woff");
                              }
                              
                              1 条回复 最后回复
                              0
                              • dyp1121054136D 离线
                                dyp1121054136D 离线
                                dyp1121054136
                                写于 最后由 dyp1121054136 编辑
                                #15

                                进阶用法:
                                条目标题:根据字段 font 应用字体
                                条目标签:$:/tags/Stylesheet
                                条目内容

                                <$list filter="[font[X]]"> 
                                [data-tiddler-title^="<$view field=title/>"] .tc-tiddler-body {
                                  font-family: "LXGWWenKaiGBScreen";
                                }
                                </$list>
                                

                                表示带有字段 font=X 的条目使用字体 "LXGWWenKaiGBScreen";

                                1 条回复 最后回复
                                0
                                • dyp1121054136D 离线
                                  dyp1121054136D 离线
                                  dyp1121054136
                                  写于 最后由 dyp1121054136 编辑
                                  #16

                                  霞鹜文楷字体插件更新了,这次用了没有GB的版本,即原版,保留艺术性。

                                  附件下载:
                                  (右键-链接另存为)

                                  字体插件-霞鹜文楷屏幕阅读版 v1.330.json

                                  进一步压缩版,字体文件更小
                                  字体插件-霞鹜文楷屏幕阅读版 v1.330(woff2版).json

                                  1 条回复 最后回复
                                  0

                                  • 登录

                                  • 没有帐号? 注册

                                  • 登录或注册以进行搜索。
                                  Powered by NodeBB Contributors
                                  • 第一个帖子
                                    最后一个帖子
                                  0
                                  • 最新
                                  • 版块
                                  • 标签
                                  • 热门
                                  • 用户
                                  • 群组
                                  • 太微中文教程
                                  • 新插件投票看板