CSSのtext-overflow: ellipsis;を指定すると「…」が文字化けします。
■原因
CSSの「text-overflow:ellipsis;」は、テキストが領域をはみ出したときに三点リーダー「…」で省略するプロパティですが、実際のhtml内には「…」の記述がありません。
FONTPLUSはhtml内に記述されている文字を解析し、フォントデータを生成していますので、「…」のフォントデータを生成することができず、文字化けが発生しているものと思われます。
※ブラウザによっては、文字化けせずに「…」が表示されていますが、これはWebフォントではなく、ブラウザがデバイスフォントの中から適切な「…」を補てんし表示させているものです。
■回避策
三点リーダー「…」を非表示※でhtmlに記述し、ご希望のフォントを指定して下さい。
・CSSのvisibility: hidden;やdisplay:none;などを使って非表示に設定してください。
記述例(指定フォント:マティス Pro DB)
<div style="font-family: 'MatissePro-DB'; visibility: hidden;">…</div>
これにより、「…」のフォントデータを生成し、FONTPLUSより配信しますので、「text-overflow:ellipsis」を指定した箇所に「…」を表示することができます。