2016-06-16 17 views
0

私のウェブサイトにカスタムフォントを追加しようとしています。
CSSカスタムフォントがウェブホストではなくローカルホストで正しく表示されない

CSSコード

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

}

#sinhala {font-family:dhananjayawebregular;} 
#dhananjayaweb {font-family:dhananjayawebregular;} 

PHPコード

    <div class="cell"> 
        <a href="<?php echo "$name_html-news$id.html";?>"> 
         <div class="newstitle" id="dhananjayaweb"><?php echo $title;?></div> 
         <div class="newsname"><?php echo $name;?></div> 
        </a> 
        <div class="shortnews" id="dhananjayaweb"><?php echo substr($news1, 0, strpos($news1, ' ', 140));?>&#39&#39&#39</div> 
        <div class="newsother"> 
         <?php echo $views;?> views | 
         Date : <?php echo $date;?> 
        </div> 
       </div> 

しかし、それはローカルホストで正常に動作する(Windowsの場合)のみ。私は、Webホスト(Linux)のにスクリプトをアップロードすると、フォントが正しく

screenshot on localhost

Screenshot on web host

を示していない私は、ウェブ上で見つけることができるすべてのものを試してみましたが、まだ動作していません。私は必死にこれを働かそうとしています。助けてください。

+0

パスの前に '/'を追加してみてください。 – AlexanderRD

+0

例えば 'src:url( '/ dhananjaya_web_sinhala_font-webfont.eot');' – AlexanderRD

+0

あなたはその理由を説明できますか?まだ何もしなかった。 –

答えて

0

言うべきまあその恥が、私は、ヘッダーに次の行を追加するのを忘れ:D

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

すべてが今も元気です。 本当に助けていただきありがとうございます。

関連する問題