0

ページにフォントを追加する方法。

たとえば、特定の.TTFファイルがあるとします。

そして、このファイルを特定の Web ページで使用したいと考えています。現在、すべてのブラウザーが異なるフォントを異なる方法で処理しているため、CSS で「フォント ファイル」をfont-familyタグに追加することができます。

これが解決できない場合や信じられないほど単純な場合は申し訳ありません。私は CSS の初心者です。

4

5 に答える 5

5

フォントフォルダを作成し、すべてのフォントファイルを保存します

    @font-face {
        font-family: 'Archer-Semibold';
        src: url('fonts/archer-semibold-pro.eot');
        src: url('fonts/archer-semibold-pro.eot?#iefix') format('embedded-opentype'),
                 url('fonts/archer-semibold-pro.woff') format('woff'),
                 url('fonts/archer-semibold-pro.ttf') format('truetype'),
                 url('fonts/archer-semibold-pro.svg#archer-semibold-pro') format('svg');
        font-weight: normal;
        font-style: normal;
    }

.menu {
  font-family: Archer-Semibold;
}

url('fonts/archer-semibold-pro.eot')IE 9にurl('fonts/archer-semibold-pro.eot?#iefix')使用され、IE 6〜8に使用されます

于 2012-12-11T13:03:40.353 に答える
3

このページはあなたを助けるはずです。

新しいフォントを次のように宣言します。

@font-face { 
  font-family: Delicious; 
  src: url('Delicious-Roman.otf'); 
}

次に、それを参照してください

h1 {
  font-family: Delicious;
}
于 2012-12-11T13:01:57.053 に答える
3

所有しているファイルがある場合は.ttf、Webフォントを作成するサイトにアクセスできます（たとえば、font-squirrel：http ://www.fontsquirrel.com/fontface/generator ）。

フォントを含むzip、フォント面のデクレレーションを含むCSSファイルを取得します。それはあなたが始めるはずです。

于 2012-12-11T13:03:27.970 に答える
2

使用@font-face

@font-face {
    font-family:font-name;
    src: url(path-to-font/font-name);
}
于 2012-12-11T13:02:19.160 に答える
2

これを試して：

@charset "utf-8";       //file encoding

@font-face {
font-family: 'GoodDogRegular';
src: local("GoodDog Regular");
url('fonts/gooddog-webfont.ttf') format('truetype'),
font-weight: normal;
font-style: normal;
}

これで、このフォントをCSSの通常のフォントと同じように使用できます。

.menu {
font-family:GoodDogRegular;
color:#dd0000;
font-size: 36px;
font-weight:bold;
}
于 2012-12-11T13:03:47.257 に答える