プレビュー中に奇妙なシンボルが表示される

Question

問題： 私には選択肢のリストがあります。この部門では、私は
を選択しています。画像http://imgur.com/FQub7のこのリンクを参照してください。

<div id="personal" class="personal"> Personal Details </div> 
<div id="menu" class="menu"> Permit </div> 
<div id="menulist" class="menulist"> -Apply <br /> 
    -Renew 
    -Track <br /> 
    -Progress <br /> 
    -Information </div> 
<div class="menu2" id="menu2">Records</div> 
<div class="menulist2" id="menulist2">-Permits<br /> 
    -Training<br /> 
    -Training Schedule<br /> 
    -Accidents &amp; <br /> 
    &nbsp; &nbsp; &nbsp; &nbsp;Convictions</div> 
    </div> 

とCSSのコードはここにある：：

コードはここにある

.personal 
{ 
position:absolute; 
color:#fff; 
top:210px; 
left:20px; 
font-size:20px; 
font-family:'TrajanProBold'; 
width:20%; 
} 

.menu 
{ 
position:absolute; 
color:#fff; 
top:255px; 
left:20px; 
font-size:30px; 
font-family:'TrajanProBold'; 
width:289px; 
} 

.menulist 
{ 
position:absolute; 
color:#fff; 
top:295px; 
left:60px; 
font-size:20px; 
font-family: 'TrajanProRegular'; 
width:23%; 
} 

.menu2 
{ 
position:absolute; 
color:#fff; 
top:401px; 
left:20px; 
font-size:30px; 
font-family:'TrajanProBold'; 
width:285px; 
} 

.menulist2 
{ 
position:absolute; 
color:#fff; 
top:441px; 
left:60px; 
font-size:20px; 
font-family: 'TrajanProRegular'; 
width:23%; 
} 

Answer 1

http://www.fontsquirrel.com/fontface/generatorを使用してフォントを生成します。エラーが引き続き発生する場合は、フォントファイルが破損している可能性があります。フォントファイルを変更した後、問題は解決されます。

Answer 2

それは、文字エンコーディングの問題かもしれません。 NotePad ++でソースコードを開き、エンコーディングをUTF-8に切り替えてから再ポストしてみてください。