よしなしことを、日々徒然に……
※ 2018年以降の記事は、別ブログの方へUPしています ※
新しいブログへは こちら からどうぞ。



 Opera でルビタグを表示
2012年06月02日(Sat) 
本日も Opera のカスタマイズ。
いやはやすっかり、メインブラウザが Opera になってしまっています。
動作も早いしマウスジェスチャはあるし、タブをたくさん開いても軽いし、画面も広いし。ブックマークレットも上部バーに表示できたし、スクロール量の調整とか、新規タブ作成時にホームページを表示とか、細かい部分も好みにカスタマイズできて、もうほとんど不満はないのですけれど。
わずかに残る不満点のひとつが、「ルビを表示してくれない」だったのですよね。

それもついに、解決できる方法を見つけられました。
いささか昔の記事ですが、バージョン 11.64 でもちゃんと動作しました。

■ルビ表示はユーザスタイルシートで! - 徒書
 http://www.akatsukinishisu.net/itazuragaki/css/
use_ruby_style_as_user_stylesheet.html

こちらのサイトで紹介されているスタイルシートを、メモ帳かなんかにコピー貼り付けして、適当なタイトル+拡張子 .css で保存します。

FILE 3802_1.css
※ 2012/6/8 追記: vertical-align を 107% に変更しました。

それを以下の手順で、 Opera にユーザースタイルシートとして設定してやれば、ルビタグがちゃんと表示されるようになります。

1.メニューから、「ツール」→「設定」→「詳細設定」→「コンテンツ」→「スタイルオプション」と辿る。
2.「ユーザスタイルシート」で保存した css ファイルを選択。
3.「表示モード」の「作成者モード」の「ユーザスタイルシート」にチェックを入れる。

以上。
ブラウザの再起動などは必要ありません。
で、↓左が適用前、右が適用後、そして下は InternetExplorer で表示した場合。

 


 青空文庫より
 作品名:海神別荘
 著者名:泉 鏡花


ルビと漢字の文字数バランスが悪い場合、均等割付ではなく中央揃えになっちゃうのがネックと言えばネックですが、まあそれぐらいは些細なことです。
ルビの文字サイズや行間などは、スタイルシートを編集することで、任意に調整できます。↑の指定では、 Opera の振り仮名が当サイトと同じく 60% に指定してあるので、IE標準の表示よりわずかに大きく、読みやすくなっております。
ふふふ、素晴らしいvv

……それにしても、こういうカスタマイズを思いつく人は「スタイルシートの適用なんて当たり前にできるだろ」的スタンスで、スタイルシートの記述は紹介しても、それをどうやって Opera に登録すればいいのか、そこのところまで教えてくれているページがなかなか見つからなくて参りました。

これで白髮鬼のHTML作成時にも、ルビタグがちゃんと記述できてるか心配しなくてすみますvv

※なおサイト作成者側が、HTMLファイル作成時にルビタグ用スタイルシートを記述することで、閲覧者のブラウザ環境を問わず振り仮名を表示させる方法も存在するそうです。
ただしこのやりかたは、既に作成してあるファイルを書き替えるのが大変だったり、あらゆるブラウザに対応させようとすると、必ずどこかでレイアウト崩れが生ずるなどの問題点があって、あまり推奨されていないようで。
結局どうしてもルビを表示させたい人間は、閲覧者側の責任で自分の環境を整えることで対応し、サイト公開側は「ルビは対応ブラウザ以外では表示されません」と注意書きする程度で良いんじゃないでしょうかね。
あ、もちろん <rp> タグを使って振り仮名を《 》でくくるなど、非対応ブラウザでも読みやすいように対処することは必要でしょうけれどね。
No.3802 (電脳)



<< 2012年06月 >>
Sun Mon Tue Wed Thr Fri Sat
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

 プロフィール
神崎 真(かんざき まこと)
小説とマンガと電子小物をこよなく愛する、昭和生まれのネットジャンキー。
ちなみに当覚え書きでは、
ゼロさん= W-ZERO3(WS004)
スマホ= 003P(Android端末)
シグ3= SigmarionIII です。

サーチ :


 最新の記事
 Opera でルビタグを表示

 リンク
 神崎へメール
 私立杜守図書館
 蔵書リスト

 

   

 ブログ内記事検索:
 
 AND OR  


Back to Home...

[管理用] [TOP]
shiromuku(fs6)DIARY version 2.41