FC2ブログのメール投稿時の絵文字について

質問

FC2ブログのメール投稿時の絵文字について

FC2ブログのメール投稿機能（モブログ）を使用して、au携帯から、au絵文字を使った記事をあげました。

送った記事をパソコンで確認したら、添付画像のように文字に対して絵文字の余白や段差がひどいです。
確認の為、パソコンからの記事投稿では文字のラインに合った絵文字が投稿出来ました。

携帯から投稿した絵文字はブログのテンプレのCSSが効いてないようなのです。

絵文字部分のCSSは以下の通り。

img.emoji{
vertical-align: middle;
border: 0px;
margin: 0px 0px 2px 0px;
}

携帯のメール投稿で使用した絵文字に、このCSSを効かせる事は出来ないんでしょうか？
何か違う別の記述をしないとダメでしょうか？

せっかくメール投稿で気軽に絵文字が使えるのに、こんな変な空間があいては使いづらいです。

どなたかご存知の方おられませんか？
ご教授下さい。

回答No.1

tacop · ベストアンサー

PCから投稿した場合、タグにclass="emoji"という記述が入るのですが、
携帯から投稿した絵文字には追加されず通常の画像として扱われているようです。
CSSに記述されている
img.emoji{～}
は、class="emoji"がないと有効になりませんので、この記述がない携帯からの投稿分には反映しない、ということです。

対策としては、
1) 「img」に対して「img.emoji」と同じ設定をする

2) 携帯から投稿した絵文字のhtmlタグの中に
class="emoji"
を追加して

【例】
<img src="絵文字アドレス" alt="" border="0" width="15" height="15" />

　　　　　↓

<img class="emoji" src="絵文字アドレス" alt="" border="0" width="15" height="15" />

とするなどが考えられます。

1) の場合、一度設定すれば都度修正する必要はありませんが、絵文字以外の画像に影響が出る可能性があります。
2）の場合、モブログ投稿をするたびにPCで管理画面を開いてタグを修正する必要があります。

お礼

ありがとうございました。
教えて頂いた通り、imgタグの所をいじったら、携帯から投稿した絵文字がPCからの投稿と同じ表示になりました。

なるほど、携帯からの投稿で使用した絵文字は、emojiとして認識されてるわけではなく、imgで認識されてるのですね。
勉強になりました。

本当にありがとうございました☆