0

適切な場所でこの質問をしているといいのですが、

私は友人のウェブサイトに取り組んでいます。私の goDaddy アカウントでホストされているサイトは次のとおりです。

http://www.andkensol.com/rowanWeb/

そして、これが私の友達です：

http://www.rowanmoore.org/

タイトルのフォントに明らかな違いが見られます。それらを調べると、どちらも CODE を使用していることがわかります。私は個人的にすべてのファイルを自分でアップロードしました。ファイル構造、レイアウト、ファイル パスはすべて同じですが、友人のサイトでフォントがレンダリングされません。

font squirrel からフォントをダウンロードし、 @font face を使用して両方のサイトに実装しています。

CSS

@font-face {
    font-family: CODE;
    src: url('font/CODE Light.otf');
}

#nameTitle{
    font-size:60px;
    font-family:CODE;
    color:white;
    font-weight:400;
    margin-bottom:-3%;
}

「フォントフォルダー」はスタイルシートと同じフォルダーにあり、CODE Light.otf はフォントフォルダーにあります。

友達のサーバーからサイトを削除し、ダウンロードしてから友達にアップロードしましたが、まだうまくいきません。

これはおそらく goDaddy 側の問題でしょうか?

4

2 に答える 2

1

Webgenerator を使用して、さまざまな形式のフォントで css ファイルを生成することをお勧めします。@font-face の問題は間違っていると思います。

@font-face {
font-family: 'nfs';
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#yourFontName') format('svg');
font-weight: normal;
font-style: normal;

}

Diffrenet ブラウザーでは、フォントをレンダリングして開くために他の形式が必要です。

私は主にこれら 3 つの Web フォント ジェネレーターを使用しています http://onlinefontconverter.com/

http://www.fontsquirrel.com/tools/webfont-generator

http://convertfonts.com/

しかし、もっとあります。Googleの「フォントジェネレーター」を叔父に入力してください

編集: font/CODE Light.otf の空白スペースが問題だと思います。たとえば、この font/CODE_Light.otf のようなものを使用してみてください。

于 2013-11-07T13:20:02.337 に答える