kindlegenやkindle Previewer3を使ってhtmlファイルをkindle用データに変換していると、表や図のキャプションが文字化けしました。
 |
日本語が文字化け |
原因
charsetの設定方法に問題がありました。http-equivとcontentを設定すると、正常に表示されるようになりました。
文字化けする文字コードの設定
metaでcharsetだけを設定すると文字化けします。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>新しい本</title>
<meta name="description" content="テスト">
:
</head>
:
文字化けしない文字コードの設定
次のようにmetaでhttp-equivとcontentを設定すると文字化けしません。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>新しい本</title>
<meta name="description" content="テスト">
:
</head>
:
 |
正常な表示
|