現在スマートフォン対応のフォント実装実験を行っております。
やる夫之書様のご協力の元、スマホでもAAがズレないようにしております。
ただ、なにぶん自分の不手際などあるかとも思いますので、
動作報告が(できれば環境も含めて)いただけたら幸いです。
現在分かっている問題点1:サイトの幅の関係上ズレることがある模様・
対応中→読者(
@keage)さんの協力の元、対応策を講じました。
またその際
それにつけても金のほしさよ様を参考にさせていただきました。大変ありがとうございました。
2:Mac・Operaで見られなくなっている →
修正済み。
Operaは確認いたしましたが、Macは持ち合わせが無いためそちらは未確認です。
3:機種依存文字等に関して文字化けの発生を確認・
対応中?→やる夫之書様で公開されている
Shift_JIS → EUC-JP 変換スクリプトにて対応実験中
読者さん(コメント欄)より
ブックマークレットの提案がありました。
また、最近では
専用のアプリもあるようです。
こちらは
Textar Font Sample Blogさんやトラックバック先の
タナボタは寝て待てさんで考案された
Textar Fontを導入していないサイトでもズレ等のない閲覧ができるブックマークレットを
やる夫之書様と上記の
@keageさんが改良し
フォントはTextarFontより軽い「Kuma_Lite」を採用してiPhone/iPadのみならずAndroid系列にも対応している模様。
さらに、したらば掲示板やVIPサービス掲示板のスマートフォン表示ページにも対応しているようです。
2012年12月27日に
以前の「Kuma_Lite」フォントに改良を加えた「Saitamaar」フォントが公開されたました。
容量が微増しましたが、昨今の通信事情においては支障が起きにくいと考えられます。
ので、そちらのブックマークレットを掲載いたします。旧版・初期版は下部に引き続き掲載しております。
方法は
直接このリンクをブックマークするか、以下の方法でお試しください。
※AndroidのChromeブラウザにおいては、ブックマークした後、URL欄に「ブックマークしたタイトル」を入力すると、ブックマークのリンクが候補として表示されます。
適応させたいページでURLにタイトルを入力し、ブックマークを選択して実行してください。 1.
下の文字列をコピー ↓
↑
2.
ブラウザ(iPhoneならSafari)を起動 3.
適当なページをブックマークに追加、見て分かるように「AA閲覧用」等の名前で保存 4.
そのブックマークを編集。URL欄を選択して[×]を押してURLを消し、アドレス欄に上の文字列を貼りつけ[Done]で完了最後に見たいサイトを開き、ブックマークから先程のブックマークを選択また、同様にお世話になっている「やる夫RSS+インデックス」様より
やる夫ビューアー専用のAndroidアプリがリリースされています。
その他にもあるようなので、探すのもありかもしれません。
以下旧版(Kuma_Liteフォント)
方法は
直接このリンクをブックマークするか、以下の方法でお試しください。
※AndroidのChromeブラウザにおいては、ブックマークした後、URL欄に「ブックマークしたタイトル」を入力すると、ブックマークのリンクが候補として表示されます。
適応させたいページでURLにタイトルを入力し、ブックマークを選択して実行してください。 1.
下の文字列をコピー ↓
↑
2.
ブラウザ(iPhoneならSafari)を起動 3.
適当なページをブックマークに追加、見て分かるように「AA閲覧用」等の名前で保存 4.
そのブックマークを編集。URL欄を選択して[×]を押してURLを消し、アドレス欄に上の文字列を貼りつけ[Done]で完了最後に見たいサイトを開き、ブックマークから先程のブックマークを選択横幅は1280(width=1280,)、拡大縮小可(,user-scalable=yes)、フォントサイズ12pt(font-size:12pt;)
行間1.125行分=18px(line-height:1.125;)と適用されるようです。
適宜自分の環境に合わせて数値を変更してお使いください。
初期版
上記のブックマークレットの改良試用運転版です。動作報告があると幸いです。
同様に
直接このリンクをブックマークするか、
下の文字列をコピー ↓
↑
以上となります。いつもご使用ありがとうございます。
そのままコピペする場合はこちらから
↓
javascript:(function(){var d=document,e=d.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/37890321/Saitamaar.js');e.setAttribute('charset','utf-8');d.getElementsByTagName('head')[0].appendChild(e)})()
↑
旧版
↓
javascript:(function(){var d=document,e=d.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/37890321/Kuma_Lite2.js');d.getElementsByTagName('head')[0].appendChild(e)})()
↑
初期版
↓
javascript:(function(){var e=document.createElement('script');e.setAttribute('src','http://dl.dropbox.com/u/37890321/Kuma_Lite.js');document.body.appendChild(e)})()
↑
文字化け出るよ!という方は
こちらをお試しください(作者は
@keageさん)
試用版の模様なのでバグ等保証はできませんが、一部文字が改善されております
この他お気づきの点がありましたら、ご一報くださるとありがたく思います。
- 関連記事
-