フォントを自分好みに調整するソフト ver3
14stable限定の対策になるけど
http://jsbin.com/acalu4
を見て>>197-195のようにtext-shadow機能を完全には殺さない別なアプローチを考えてみた
例として
text-shadow:0 1px 1px #FF0;
といったcssがあった場合にJavaScriptを使ってページのソースを動的に置換させ
text-shadow:0 0 0 transparent, 0 1px 1px #FF0;
といった感じで'text-shadow'の指定があった場合に'text-shadow:0 0 0 transparent,'を強制的に付け足す
こうすれば不具合のあるtext-shadowは問題なく表示され
問題のないtext-shadowは製作者の意図した通りに表示されるはず
ただし問題はいろいろ拡張とか探してみたけどStylishとかのようにcssを置き換えるものはあっても
ソースを一部だけ改変するような拡張が見つからず・・・
jQueryとか使ってコードを自作して動的に置換させるしかないぽい
自分にはさすがに敷居が高いのでどうにもならんのよね
(´・ω・｀)ｼｮﾎﾞｰﾝ
http://jsbin.com/acalu4
を見て>>197-195のようにtext-shadow機能を完全には殺さない別なアプローチを考えてみた
例として
text-shadow:0 1px 1px #FF0;
といったcssがあった場合にJavaScriptを使ってページのソースを動的に置換させ
text-shadow:0 0 0 transparent, 0 1px 1px #FF0;
といった感じで'text-shadow'の指定があった場合に'text-shadow:0 0 0 transparent,'を強制的に付け足す
こうすれば不具合のあるtext-shadowは問題なく表示され
問題のないtext-shadowは製作者の意図した通りに表示されるはず
ただし問題はいろいろ拡張とか探してみたけどStylishとかのようにcssを置き換えるものはあっても
ソースを一部だけ改変するような拡張が見つからず・・・
jQueryとか使ってコードを自作して動的に置換させるしかないぽい
自分にはさすがに敷居が高いのでどうにもならんのよね
(´・ω・｀)ｼｮﾎﾞｰﾝ
|
|
|
あぁごめん
>>216では無理だった
>>216では無理だった
ページの読み込みと同時に、前もって用意してあったjavascriptを読み込ませていたアドオンを見たことある気がする
多分そのアプローチでいけると思うけど誰か詳しい人来てくだしあ
多分そのアプローチでいけると思うけど誰か詳しい人来てくだしあ
Proxomitronでできる
度々すまぬ
再確認してみたら>>216のやり方で大丈夫だった
>>218
その拡張を見つけ出すことも問題だけど
一番の問題は置換するためのスクリプトなんだよね
js詳しい神はいないものか
>>219
それもひとつの方法だけど
できればchromeだけで完結させたいのよね
再確認してみたら>>216のやり方で大丈夫だった
>>218
その拡張を見つけ出すことも問題だけど
一番の問題は置換するためのスクリプトなんだよね
js詳しい神はいないものか
>>219
それもひとつの方法だけど
できればchromeだけで完結させたいのよね
一応>>216の原理サンプルとそのソース
http://wktk.vip2ch.com/vipper18705.html
ソース
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Chrome subpixel/shadow hack</title>
<style>
body{font-family:MS Pゴシック, sans-serif;background-color:#333;}
P{font-size:1.5em;}
#normal-sample{text-shadow:0 1px 2px #f00;color:#eee;}
#fixed-sample{text-shadow:0 0 0 transparent, 0 1px 2px #f00;color:#eee;} // 「text-shadow:0 0 0 transparent, 」を先頭に付け足し
</style>
</head>
<body>
<p id="normal-sample">
Chromeのtext-shadow不具合
The quick brown fox jumps over the lazy dog. 0123456789
</p>
<p id="fixed-sample">
Chromeのtext-shadow不具合
The quick brown fox jumps over the lazy dog. 0123456789
</p>
</body>
</html>
http://wktk.vip2ch.com/vipper18705.html
ソース
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Chrome subpixel/shadow hack</title>
<style>
body{font-family:MS Pゴシック, sans-serif;background-color:#333;}
P{font-size:1.5em;}
#normal-sample{text-shadow:0 1px 2px #f00;color:#eee;}
#fixed-sample{text-shadow:0 0 0 transparent, 0 1px 2px #f00;color:#eee;} // 「text-shadow:0 0 0 transparent, 」を先頭に付け足し
</style>
</head>
<body>
<p id="normal-sample">
Chromeのtext-shadow不具合
The quick brown fox jumps over the lazy dog. 0123456789
</p>
<p id="fixed-sample">
Chromeのtext-shadow不具合
The quick brown fox jumps over the lazy dog. 0123456789
</p>
</body>
</html>