■原因
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」を指定した箇所に「…」を表示することができます。