跳转至内容
  • 最新
  • 版块
  • 标签
  • 热门
  • 用户
  • 群组
  • 太微中文教程
  • 新插件投票看板
皮肤
  • 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
    写于 最后由 编辑
    #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
                              • 最新
                              • 版块
                              • 标签
                              • 热门
                              • 用户
                              • 群组
                              • 太微中文教程
                              • 新插件投票看板