2016-04-13 14 views
1

私はマラヤーラム語のコンテンツを持つウェブサイトを開発しなければなりません。私はこのコードを試みたが、仕事をしなかった。ウェブサイトにMalayalam unicodeフォントを追加するには

@font-face { 
    font-family: 'meeraregular'; 
    /*src: url('font/meera-webfont.eot');*/ 
    src: url('meera-webfont.eot?#iefix') format('embedded-opentype'), 
     url('meera-webfont.woff2') format('woff2'), 
     url('meera-webfont.woff') format('woff'), 
     url('meera-webfont.ttf') format('truetype'), 
     url('meera-webfont.svg#meeraregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 
.font{ font-family: 'meeraregular';} 
+0

ステップ1:すべてのこれらの異なるフォーマットを使用して停止します。すべてはラップがOpenTypeフォントバイト単位あなたはTTF/OTF源を必要としないようにする* * WOFFをサポートしています。 MSはIE8以下を放棄し、 'svg'はもはやサポートされているフォントフォーマットではないので、' eot'はもはや意味がありません。その簡素化によって、 '.woff'だけで、あなたのブラウザのコンソールとネットワークタブが何を言っているのかを見てください。すべての404?コメントを返信する前に、コメントを残してはいけません。その情報で投稿を更新してください。 –

+0

@Lekshmiあなたは解決策を見つけましたか? – Muhammed

+0

まだ同じ問題があります...これにはサファリの設定はありますか?すべての私のフォントは、マラヤラムフォントだけでなくぼんやりして見える – Lekshmi

答えて

0

@font-faceを使用可能なフォントファイル拡張子でビルドしました。

@font-face { 
 
    font-family: 'meeraregular'; 
 
    font-style: normal; 
 
    font-weight: 400; 
 
    src: url(https://smc.org.in/downloads/fonts/meera/Meera.woff2?v=7.0) format('woff2'), url(https://smc.org.in/downloads/fonts/meera/Meera.woff?v=7.0) format('woff'), url(https://smc.org.in/downloads/fonts/meera/Meera.ttf?v=7.0) format('truetype'); 
 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+0D01-0D7F, U+200C-U+200D, U+25CC; 
 
} 
 
.font { 
 
    font-family: 'meeraregular'; 
 
}
<p class="font">കുഞ്ഞേടത്തിയെ തന്നെയല്ലോ ഉണ്ണിയ്ക്കെന്നെന്നുംമേറെയിഷ്ടം പൊന്നേ പോലത്തെ നെറ്റിയിലുണ്ടല്ലോ മഞ്ഞൾ വരക്കുറി ചാന്ദുപൊട്ടും ഈറൻമുടിയിലെള്ളണ്ണ മണം ചിലനേരമാ തുമ്പത്തൊരു പൂവും കയ്യിലൊരറ്റ കുപ്പിവള മുഖം കണ്ടാൽ കാവിലെ ദേവി തന്നെ മടിയിലുരുത്തീട്ട് മാറോട് ചേത്തിട്ടു 
 
    മണി മണി പോലെ കഥപറയും ആനേടെ, മയിലിന്റെ, ഒട്ടകത്തിന്റെയും ആരും കേൾക്കാത്ത കഥപറയും</p>

関連する問題