イラレで作ったsvgデータをコーディングすると反映されない

Question

イラレで「新着情報」というボタンを作り、
svgデータに変換してimgでコーディングしました。

しかし、以下のようにイラレで作ったもの（上）はカーニングを調整しているのですが、
コーディングするとなぜかカーニングが反映されません。

たとえば、イラレ上で文字の位置を変えたりするとカーニング以外は反映しているので、
そもそもimgで呼び出しているデータが違う…などではない状況です。

また、同じやり方で「運営者情報」というボタンも作っているのですが、
そちらはなぜかカーニングも含めて全て反映されています。

どのような原因と対策があるかご教授いただけると幸いです。

宜しくお願い致します。

Answer 1

svgのテキストはアウトライン化されていますか。
アウトライン化することで解決できるかもしれません。

Comments

[ma12]

ありがとうございます！

Answer 2

表示させてるのはChrome等のブラウザ、ですかね？

だとするとキャッシュに残ったままになっている可能性が高いです。
もしくは、サーバ側のキャッシュ。

imgファイル名が別名だと新たなものと判断されて表示されるけど、
同名だと同じものと認識されてしまっているだめ、サーバから落ちてこないとか？？

キャッシュクリアを実施してないなら、まずはそうしてみるといいと思います。

(だいぶ勝手な想像ですが、自分も昔ハマッたなぁとWebページあるあるを思い出しました。)

Comments

[ma12]

ご返信ありがとうございます。
今は、ローカル環境でchromeで表示させています。
上記の件ですが、chromeの設定からキャッシュを削除してみたのですが、
残念ながら変化はなかったです。