Khlieb
V2EX  ›  设计

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

  •  
  •   Khlieb · Apr 9, 2015 · 5542 views
    This topic created in 4052 days ago, the information mentioned may be changed or developed.

    打开 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

    Supplement 1  ·  Apr 9, 2015
    writing-mode 用来在网页上实现竖排文字。编网页的时候,中文、日文、韩文可以用这个实现右起竖排,而蒙古文、满文、锡伯文必须用这个左起竖排。
    Supplement 2  ·  Apr 9, 2015
    火狐 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
    Supplement 3  ·  Apr 13, 2015
    ⚠ 注意

    千万不要竖排文字里面使用这个代码,不然中日韩文字就都会萌起来的:
    -webkit-text-orientation: sideways-right;
    1 replies    2015-04-10 01:09:11 +08:00
    Khlieb
        1
    Khlieb  
    OP
       Apr 10, 2015
    要注意的是火狐支持的 writing-mode 属性虽然跟 Chrome 的相似,但是不需要前缀,比如 Chrome可以执行 -webkit-writing-mode: vertical-rl 实现竖排,而火狐直须 writing-mode: vertical-rl 就能实现。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3316 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 11:45 · PVG 19:45 · LAX 04:45 · JFK 07:45
    ♥ Do have faith in what you're doing.