1

HTML画面を作成しようとしています。これらはモックアップ画面であり、アプリケーション サーバーにはデプロイされません。カスタム フォントを作成しましたが、CSS を介してそれらを参照する必要があります。

私index.htmlのfontsフォルダは以下の場所にあります。

D:\index.html
D:\fonts

CSSファイルに以下のコードがあります：

@font-face{font-family:"MyRegular";
src:url('fonts/mycotext_rg.eot');
src:url('fonts/mycotext_rg.eot?#iefix') format('eot'),
    url('fonts/mycotext_rg.woff') format('woff'),
    url('fonts/mycotext_rg.ttf') format('truetype'),
    url('fonts/mycotext_rg.svg') format('svg');
font-weight:"normal"}

font-family を適用すると、スタイルは適用されません。カスタムフォントを参照するにはどうすればよいですか? 私のURL参照は大丈夫ですか、それとも変更する必要がありますか?

ありがとう！

4

3 に答える 3

2

以下の両方の回答は問題なく、フォントを参照する方法を示しています（で宣言されたfont-familyプロパティで宣言された名前を使用します@font-faceが、ローカルにデプロイしているため、localプロパティを使用することもできます。これにより、参照できるはずです追加のソースを参照する前に、システムに既にインストールされているフォント. Open Sans の例を使用すると、次を使用できます。

src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/opensans-bold.woff) format('woff');

そうすれば、フォントがローカルで見つからない場合にのみ、URL からダウンロードされます。

于 2013-06-24T09:04:55.560 に答える
0

これを試して

@font face write down の例を適用すると、

body{
font-family:'MyRegular';
}

これを CSS に追加し、CSS フォルダー内の , ,eotフォントsvgファイルも追加します。woffttf

@font-face{font-family:"MyRegular";
src:url('fonts/mycotext_rg.eot');
src:url('fonts/mycotext_rg.eot?#iefix') format('eot'),
    url('fonts/mycotext_rg.woff') format('woff'),
    url('fonts/mycotext_rg.ttf') format('truetype'),
    url('fonts/mycotext_rg.svg') format('svg');
font-weight:"normal"}

Chrome で動作しない場合@font-faceは、以下の CSS を適用してください。

       @font-face{font-family:"MyRegular";
        src:url('fonts/mycotext_rg.eot');
        src:url('fonts/mycotext_rg.eot?#iefix') format('eot'),
            url('fonts/mycotext_rg.svg') format('svg'),
            url('fonts/mycotext_rg.woff') format('woff'),
            url('fonts/mycotext_rg.ttf') format('truetype'),
            font-weight:"normal"

}
于 2013-06-24T06:06:02.153 に答える
0

font-family の値を入力するだけです。この場合は「MyRegular」です。

例：

HTML:

<span class="special-font">Text</span>

CSS:

.special-font { font: 1em "MyRegular", sans-serif; }

のような省略形のプロパティを使用したくない場合は、次のようfontにしますfont-family。

.special-font { font-family: "MyRegular", sans-serif; }

カンマで区切って、複数のフォントを追加できます。

これは、 Droid Sansフォントを使用したデモです。

フォントを正しく参照しているかどうかについてですが、外部の CSS ファイルを使用している場合、相対パスが正しくありません。Web サーバー ディレクトリの 1 レベル上にある必要があります。あなたの場合：

../fonts/Your_Font

この構文を使用できます (はい! Windows OS でも使用できます)。Web ページ/Web サイト/Web アプリケーションを別のファイルシステム (UNIX など) を持つ別の OS に変更すると、パスが機能するため、これは良い方法です。

乾杯、レオナルド

于 2013-06-24T06:04:10.923 に答える