Cordovaを使用したAndroidカスタムフォントに関する問題

Question

iOSでうまく動作しているCordovaアプリを構築しました。私たちは今Androidにリリースしていますが、カスタムフォントを表示するのに問題があります。

iOSでは、Avenirを使用します。私はいくつかの異なるサイトからAvenirをダウンロードしており、フォントは上にシフトされています - Androidではうまく表示されません。私は昇華者が小さすぎ、降下者が大きすぎると信じています。私はまたいくつかの他のフォントをダウンロードしましたが、彼らはまたこの問題を抱えています。

Appleフォントツールスイートを使用して、昇順と降順を変更しようとしました。ツール（ftxdumperfuser）が動作しているように見えますが（昇順と降順の合計を保持します）、表示の問題は解決しません。私はotfの代わりにttf、svg、woffを使ってみましたが、助けにはなりません。私はベースラインシフトのCSSプロパティを試してみましたが、助けにはなりません。私はフォントリス、幸運にいくつかのツールを試してみました。私はいくつかのウェブサイトに連絡しましたが、回答しなかったり、返金したりしています。私は個々の要素のためのCSSでうんざりすることができます：

position: relative; 
bottom: -0.1em; 

しかし、それは惨めな解決策です。私は私のために働いてきていないソリューションでちょうどウェブ上でこの問題について少し見てきました

@font-face { 
    font-family: "Avenir"; 
    src: url("../fonts/AvenirFS.otf") format("opentype"); 
} 

：

は、ここに私のフォントフェイスの定義です。私はこの問題を抱えていない人が増えているのに驚いています！

おかげで多くの、 - ジョン

Answer 1

はそれを考え出しました。その答えは、無料のオンラインGlyphr Studio http://www.glyphrstudio.com/online/など、アップルのフォントエディタではなく、フォントエディタを使用することです。あなたはサファリを使用することはできませんが、Chromeは正常に動作します。

フォントとフォント設定を選択して、上昇と下降を変更しました。私は上昇に800を加え、私の場合降下から800を引いた。彼らは素敵なテストドライブツールを持っています。私は改訂されたフォントをエクスポートし、Androidアプリに読み込んだ。魅力のように動作します。

jon