0

現在、以下の例のようにしていますが、正しいですか？それを行うより良い方法はありますか？

/*Font Face*/
@font-face { font-family: Comfortaa; src: url('Comfortaa.ttf') }
@font-face { font-family: Comfortaa; font-weight: bold; src: url('ComfortaaBOLD.ttf') }

/*Fonts*/h1, h2, h3, h4, h5, h6, p, pre, a, ol, li, span, label, blockquote, figcaption, abbr, td, input, textarea {
    font-family: 'Comfortaa', arial, sans-serif; 
    font-size: 1em;
    line-height: 150%;
    color: #4A4A4A;
}

2) BOLD フォントを適用する次の方法のうち、正しいものはどれですか。

A)

strong {
   font-weight: bold;
}

B)

strong {
   font-family: Comfortaa; font-weight: bold; src: url('ComfortaaBOLD.ttf')
}
4

1 に答える 1

0

通常、次のようにします。

@font-face { font-family: Comfortaa; font-weight: normal; src: url('Comfortaa.ttf') }
@font-face { font-family: ComfortaaBold; font-weight: normal; src: url('ComfortaaBOLD.ttf') }

/*Fonts*/h1, h2, h3, h4, h5, h6, p, pre, a, ol, li, span, label, blockquote, figcaption, abbr, td, input, textarea {
    font-family: 'Comfortaa', arial, sans-serif; 
    font-size: 1em;
    line-height: 150%;
    color: #4A4A4A;
}

strong {
   font-family: 'ComfortaaBold';
   font-weight: normal;
}

すでに太字フォントをインポートしているため、フォントの太さを再度太字に設定する必要はありません。代わりに、通常に設定して、画面上で適切にレンダリングしてください。

于 2013-11-08T11:26:51.140 に答える