kindlegenやkindle Previewer3で文字化けする

2020年8月6日木曜日

kindle

t f B! P L
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>
:
正常な表示

このブログを検索

QooQ