0

私は、ディベヒ語 (モルディブ語) と呼ばれる小さな言語のフォントを扱っています。アルファベットは「Thaana」と呼ばれます。多数の Unicode フォントが利用可能です (Microsoft の MV Boli など)。右から左に書かれています。ラップトップの Web ブラウザーでは完全に表示されますが、携帯電話ベースのブラウザーでは正しく表示されません。

次の CSS コードを使用してフォントを適用しています。

@font-face {
font-family: 'Eamaan';
src: url('http://www.sun.mv/css/MvEamaanXP.ttf') format('truetype');
}

.thaana{direction:rtl; float:right; unicode-bidi: bidi-override;font-size:16pt;
                float: left;font-family:"Eamaan"; padding:2%;}

私のHTMLには、次のものを使用しています。

<p class="thaana">މިއީ ހަމަ ރަގަޅު ކަމެކެވެ</p>

これにより、Web ブラウザーでは読みやすい文字が生成されますが、(私にとっては) 携帯電話ベースのブラウザーではまったく機能しません。

どんな助けでも大歓迎です。

4

1 に答える 1

2

問題は true-type フォントの使用にあるのだろうか。Chrome (Blink) と WebKit ブラウザー (Android ストック) は true-type をサポートするはずですが、デスクトップの Chrome でこのコードを実行すると、Eamaan がレンダリングされません。

このサイトは Waheed を使用しており、Chrome で適切にレンダリングされるオープンタイプのフォント バージョンを使用しています。Eamaan の open-type フォントがfont-faceルールの URL で利用できる場合は、それを追加することをお勧めします。

例：

@font-face {
    font-family: 'Eamaan';
        src: url('http://www.sun.mv/css/MvEamaanXP.ttf') format('truetype'),
            url('http://www.sun.mv/css/MvEamaanXP.otf') format('opentype');
}

をさらに拡張して、.eot、.woff、および.svgを完全にサポートすることをお勧めしfont-faceます。

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('webfont.woff') format('woff'), /* Modern Browsers */
        url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
于 2014-02-18T02:25:23.603 に答える