V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Khlieb
V2EX  ›  设计

火狐 38 要支持 ruby 注音和竖排字了,亲测有效

  •  
  •   Khlieb · 2015-04-09 19:19:54 +08:00 · 5164 次点击
    这是一个创建于 3517 天前的主题,其中的信息可能已经有所发展或是发生改变。

    打开 about:config 这个页面以后,搜索 layout.css.ruby.enabled 就会发现这个值默认为 true,也就是说,火狐里面可以直接用 <ruby> 给汉字注音了(可以在这里看到效果)。另外找到 layout.css.vertical-text.enabled 这个选项,然后把它改成 true,这时候打开这个页面就会发现有一处地方的文字是竖排的,因为那里是用 writing-mode 排版的。

    下面是关于这两种 HTML 排版格式的文章:
    Ruby support in Firefox Developer Edition 38
    writing-mode - CSS

    第 1 条附言  ·  2015-04-09 20:42:54 +08:00
    writing-mode 用来在网页上实现竖排文字。编网页的时候,中文、日文、韩文可以用这个实现右起竖排,而蒙古文、满文、锡伯文必须用这个左起竖排。
    第 2 条附言  ·  2015-04-09 21:27:25 +08:00
    火狐 38 还支持下面两个跟 <ruby> 相关的 CSS 样式
    ruby-align:https://developer.mozilla.org/en-US/docs/Web/CSS/ruby-align
    ruby-position:https://developer.mozilla.org/en-US/docs/Web/CSS/ruby-position
    第 3 条附言  ·  2015-04-13 17:42:44 +08:00
    ⚠ 注意

    千万不要竖排文字里面使用这个代码,不然中日韩文字就都会萌起来的:
    -webkit-text-orientation: sideways-right;
    1 条回复    2015-04-10 01:09:11 +08:00
    Khlieb
        1
    Khlieb  
    OP
       2015-04-10 01:09:11 +08:00
    要注意的是火狐支持的 writing-mode 属性虽然跟 Chrome 的相似,但是不需要前缀,比如 Chrome可以执行 -webkit-writing-mode: vertical-rl 实现竖排,而火狐直须 writing-mode: vertical-rl 就能实现。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1104 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 23:31 · PVG 07:31 · LAX 15:31 · JFK 18:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.