お世話になっております。

デザインレシピを参考にしてスマホ＿お気に入りボタンを
設置しようとしています。

1：商品説明の上にお気に入りボタンを設置するの方です。

terapadで文字コード：Shift_JISにしています。

terapadでは改行コードも設定できるので、最初はCRLFで
ダメだったので、CRもLFも試してみましたがダメでした。

iPhone6で見て文字化けが治りません。

一応、それぞれのソースをコピペします。

jsファイル
!function($){"use strict";var t=function(){var i='<div id="btn_favorit"><a href="https://my.bookmark.rakuten.co.jp/?func=reg&shop_bid=' $("[data-shop-id]").data("shop-id") '&itype=1&svid=101&iid=' $("[data-item-id]").data("item-id") '">★お気に入りに登録する</a></div>';$("#itemName").append(i)};t()}(jQuery);

CSSファイル（背景だけ赤にしています）
#btn_favorit {
width: 100%;
box-sizing:
border-box;
margin: 12px 0;
text-align:
center;
}

#btn_favorit a {
display: block;
text-align: center;
text-decoration: none;
background: #F00;
color: #FFF;
letter-spacing: 1.2px;
font-size: 14px;
padding: 16px 0;
border-radius: 3px;
}

商品ページ共通説明文
<script ="" src="https://www.rakuten.ne.jp/gold/店舗名/js/okini.js" charset="Shift_JIS"></script ="">
<link ="" rel="stylesheet" href="https://www.rakuten.ne.jp/gold/店舗名/css/okini.css">

以上ですが、表示がされているということは文字コードだけの問題かと
想像しています。

現在は文字化けのため、コメントアウトしています。

どうぞよろしくお願いいたします。