0

CSS ファイルでフォントを選択するときに問題が発生します。ローカルの HTML コードでフォントが正しく表示されません。

#main_menu ul li
  {
      border-left:1px solid #dad8d8;
      font-family:"arabic transparent";
      font-size:16px;
      padding: 0px 20px;
      color: #e2001a;
      list-style: none;
      display: inline;
      font-weight: bold;
  }

HTML ファイルのフォントは、Photoshop のデザインとは異なります。

4

3 に答える 3

0

Web や HTML で任意のフォントを使用することはできません。Web セーフ フォントと呼ばれるものがあり、カスタム フォントを手動で追加できます。

変換方法については、FontSquirrel を確認してください: http://www.fontsquirrel.com

フォントがローカル マシン上にある場合、ブラウザがそれを検索しようとすると「動作する」可能性がありますが、Web サイトにアクセスする他のほとんどのユーザーはそのフォントを持っていないため、信頼することはできません。 Arial または同様のデフォルト フォントにフォールバックします。

Font-squirrel はこれらのフォーマットを提供します (名前は一例です)。

  • アラビア語.eot
  • アラビア語.svg
  • アラビア語.ttf
  • アラビア語.woff

@font-faceこれらがすべて含まれていると、すべての主要なブラウザが次のプロパティを使用してカスタム フォントを読み取ることができるはずです。

@font-face {
    font-family: 'arabic transparent';
    src: url('arabic.eot');
    src: url('arabic.eot?#iefix') format('embedded-opentype'),
         url('arabic.woff') format('woff'),
         url('arabic.ttf') format('truetype'),
         url('arabic.svg#arabic_transparent') format('svg');
    font-weight: normal;
    font-style: normal;
}

#main_menu ul li {
    font-family: 'arabic transparent';
}
于 2013-03-27T09:14:16.030 に答える
0

CSS3の @font-faceを使用することをお勧めします。W3School の例:

@font-face
{
    font-family: myFirstFont;
    src: url('Sansation_Light.ttf'),
        url('Sansation_Light.eot'); /* IE9+ */
}

div
{
    font-family:myFirstFont;
}
于 2013-03-27T09:14:30.773 に答える
0

フォントを埋め込む必要があります

フォント生成には次の Web サイトを使用してください www.fontsquirrel.com/fontface/generator

@font-face {
    font-family: 'YourFont';
    src: url('YourFont.eot');
    src: url('YourFont.eot?#iefix') format('embedded-opentype'),
         url('YourFont.woff') format('woff'),
         url('YourFont.ttf') format('truetype'),
         url('YourFont.svg#YourFont') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2013-03-27T09:16:06.280 に答える