• 文字サイズ
解決済

テキスト入力を指定のフォントで表示

  • 相談者:非公開
  • 2016/09/26 17:04
当店では名入れを対応しているのですが
画像のような手書きの筆記体フォントで刻印しますので

よりお客様にわかりやすいように
ご入力された文字をその筆記体のフォントで
プレビュー表示できるようなシステムを構築したいと考えているのですが

例えばその筆記体フォントのデータを楽天goldなどのサーバーに入れて
インラインフレーム内にテキスト入力エリアを設けて
英数を入力してプレビューボタンを押したら

プレビューエリアで筆記体フォントを指定フォントとして呼び出して表示する。

と、そういう事が可能でしょうか?
また、意図していることができる方法等ありましたら

ご教授下さいませ。
よろしくお願いいたします。
投稿内容について報告する




  • 返信者:非公開
  • 2016/09/26 19:48
ECマスターズの田中です。

「.ttf」形式のフォントデータをお持ちでしたら、
下記記事にて紹介されている「Webfont Generator」で
W………(省略)………
  • 返信者:非公開(質問者)
  • 2016/09/27 09:20
田中様

ありがとうございます。
いつも田中様のレベルの高い技術・知識には
助けられております。

実装したいページはこちらになります。
http………(省略)………
  • 返信者:非公開
  • 2016/09/27 15:39
ECマスターズの田中です。

>ご教授お願いいたします。
それでは、プレビューエリアとして使うタグを一個設置していただき、
そのタグにID属性を設定して………(省略)………
  • 返信者:非公開(質問者)
  • 2016/09/27 17:57
田中様

ありがとうございます!
おかげさまで無事プレビューすることができました!

しかし、指定フォントの設定がわかりません。
何をどこに記述すれ………(省略)………
  • 返信者:非公開
  • 2016/09/27 18:06
ECマスターズの田中です。

https://zxcvbnmnbvcxz.com/convert-to-webfont/
こちらのページでも紹介されている………(省略)………
  • 返信者:非公開(質問者)
  • 2016/09/27 19:44
田中様

ありがとうございます。
URL
http//www.rakuten.ne.jp/gold/SHOP-URL/81/neme/saint-and………(省略)………
  • 返信者:非公開
  • 2016/09/27 20:36
ECマスターズの田中です。

URLをお知らせいただきありがとうございます。
それでは、下記の内容をメモ帳にコピー&ペーストしていただき、
ファイル名の………(省略)………
  • 返信者:非公開(質問者)
  • 2016/09/27 23:30
ありがとうございます。

何かが間違っているのでしょうか…

指定のフォントになってくれませんね…

http//www.rakuten.ne.jp………(省略)………
  • 返信者:非公開(質問者)
  • 2016/09/28 00:00
何とかできたようです!

しかし、実際にカゴに入れてみると
入力情報が反映されなくなりました。

何が問題でしょうか?
よろしくお願いいたします。………(省略)………
  • 返信者:非公開(質問者)
  • 2016/09/28 01:13
田中様

ありがとうございます。
解決いたしました!

一応、田中様の方でも
PC・スマホから動作確認頂けますと幸いです。

よろしくお願いいた………(省略)………
  • 返信者:非公開
  • 2016/09/28 09:28
ECマスターズの田中です。

私のPC・iPhoneでも、問題なく動作いたしました。
無事解決して何よりです。………(省略)………
  • 返信者:非公開(質問者)
  • 2016/09/28 09:38
田中様

本当にいつもありがとうございます!
今後ともよろしくお願い致します。
………(省略)………