Web サイトにフォント「open sans」を適用しようとしています。太字でないテキストには「open sans regular」、太字のテキストには「open sans bold」フォント、イタリック テキストには「open sans italic」、最後に「open sans bold italic」フォントを使用したいと思います。太字で斜体のテキスト。クラスを設定したくはありませんが、Web サイト全体に適用するだけです。
ここに私が試したコードがありますが、「open sans italic」を適用しているだけで、イタリックであってはならない場合でもすべてに「open sans bold italic」だと思います..
@font-face {
font-family: 'opensans';
src: url('opensans-regular-webfont.eot');
src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('opensans-regular-webfont.woff') format('woff'),
url('opensans-regular-webfont.ttf') format('truetype'),
url('opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans';
src: url('opensans-semibold-webfont.eot');
src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('opensans-semibold-webfont.woff') format('woff'),
url('opensans-semibold-webfont.ttf') format('truetype'),
url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: bold;
}
@font-face {
font-family: 'opensans';
src: url('opensans-italic-webfont.eot');
src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('opensans-italic-webfont.woff') format('woff'),
url('opensans-italic-webfont.ttf') format('truetype'),
url('opensans-italic-webfont.svg#open_sansitalic') format('svg');
font-style: italic, oblique;
}
@font-face {
font-family: 'opensans';
src: url('opensans-semibolditalic-webfont.eot');
src: url('opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('opensans-semibolditalic-webfont.woff') format('woff'),
url('opensans-semibolditalic-webfont.ttf') format('truetype'),
url('opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
font-weight: bold;
font-style: italic, oblique;
}
body {
font-family:'opensans';
font-size:78%;
}
問題の例を次に示します。すべてのフォントが斜体であってはならない場合に注意してください: http://www.bbmthemes.com/themes/modular/