HTML・CSS依頼案件で見つけたのでメモ。家のPCではなぜかずれる現象が再現できなかったのですが、同じ症状が起きた時は試してみてください。hoverした時にテキストがboldになるボタンがあります。ボタンですFirefoxだとhoverしたときにテキストの位置がほんの少し下にずれます(Windowsのみで確認)。font-familyにヒラギノ角ゴが優先的に指定されている時に起こるようです。解決策font-familyに英語フォントを優先的に付ける例えば、webでの可読性が高いフォント「Verdana」、Macなら「Helvetica」などがメジャーどころでしょうか。CSSの記述は以下です。Pro","メイリオ",Meiryo,"游ゴシック",YuGothic,sans-serif;ボタンですこのfont-famlyをbodyに指定すると、全体的に英数字がverdanaになってしまうので、hoverでboldになるボタンごとに付けるのが吉です(verdanaは読みやすいけどキャラクターが強めなので)。ボタンが英数字の場合、多少印象が変わってしまうのがデメリット。font-familyに別の日本語フォントを指定するメイリオや游ゴシックを優先的に指定することでも直りました。Pro",sans-serif;游ゴシックはWindowsのブラウザではかなり読みにくいので、メイリオをオススメします。www.emuramemo.com他社のデザイン案件をやっていると未知の動作に遭遇するので勉強になります。19:00あなたにおすすめの記事プロフィールid:emj1025Webデザイナー。デザイン・ギター・宅録を少々。このブログでは気になった製品、HTML/CSS、Webデザイン、音楽などを記事にしています。Reserved.引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。