font-style：CSSでの斜体と斜体

これら2つの違いは何ですか？

font-style:italic
font-style:oblique

W3Schoolsエディターを使用してみましたが、違いがわかりませんでした。

何が欠けていますか？

最も純粋な（タイプデザイナー）の意味で、オブリークとは、特定の角度（通常は8〜12度）だけ歪んだローマ字フォントです。イタリックは、特定の文字（特に小文字のa）を異なる方法で書いたタイプデザイナーによって作成され、よりカリグラフィーのあるバージョンと傾斜したバージョンを作成します。

一部のタイプファウンドリは、必ずしもデザイナー自身が承認する必要のない斜体を任意に作成しました...一部のフォントは、斜体または斜体にすることを意図していませんでしたが、人々はとにかくそうしました。ご存知かもしれませんが、一部のオペレーティングシステムでは、「斜体」アイコンをクリックすると、フォントがゆがみ、斜体がその場で作成されます。快適な光景ではありません。

イタリック体は、フォントがデザインされていることが確実な場合にのみ指定するのが最善です。

一般的に、イタリックは特別なバージョンのフォントですが、斜めバージョンは通常のバージョンに少し傾いています。したがって、どちらも傾斜しており、通常のフォントに関連していますが、イタリック体は特別に作成された特別な文字形式になります。

ほとんどのフォントには、斜体または斜体のバージョンがあります。両方を持っているものを見たことがありません。（イタリックバージョンを使用している場合、なぜ斜体バージョンを気にするのですか？）

斜体（斜体、斜体）は、斜体を少し右に傾けた形で、斜体と同じように使用されます。ただし、イタリック体とは異なり、異なるグリフ形状は使用しません。歪められていることを除いて、ローマ字と同じグリフを使用します。

さらに読む： CSSフォントスタイルの斜体と斜体

同様にイタリックおよび斜め比較した場合、同じ差が見える斜体で偽イタリック。

真のイタリックフォントは傾斜するように設計されていますが、通常のフォントが歪んでいるところはどこでも斜体が表示されます。font-style: italic;

2つのllの下部に違いがはっきりと示されています。

例を見る

Mozilla開発者のCSSチュートリアルによると：

イタリック：フォントのイタリックバージョンを使用できるようにテキストを設定します。利用できない場合は、斜体で斜体をシミュレートします。

oblique：通常のバージョンを傾けて作成したイタリックフォントのシミュレーションバージョンを使用するようにテキストを設定します。

ここから、我々はそれを推測するフォントのイタリック版が使用できない場合の両方、イタリック体および斜め同じように振る舞います。W3Schoolsコードスニペットでは何も特定されていないためfont-family、デフォルトのフォントが使用されていると思います。おそらくイタリックバージョンがないデフォルトのフォント。

しかし、フォントのイタリックバージョンを利用できるようにする方法は？

これは、同じフォントの「レギュラー」フォントとイタリックフォントの2つのバージョンがあることを意味します。これらは<style>、@font-faceルールのセクションで指定できます。簡単にお読みください：developer.mozilla、W3Schoolsの、tympanus.netを。ご覧のとおり、フォントはファイルとして読み込まれ、次の拡張子を持つことができますeot, otf, woff, truetype。

これまでのところ、私はフォントファイルをリンクする2つの方法を見つけました

`@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), 
 url (http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

 @font-face {
 font-family: 'Open Sans';
 font-style: italic;
 font-weight: 400;
 src: local('Open Sans Italic'), local('OpenSans-Italic'), 
 url 
 (http://themes.googleusercontent.com/static/fonts/opensans/v8/
 xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff)
 format('woff');
 }`

`@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-R-webfont.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ubuntu';
src: url('Ubuntu-I-webfont.eot');
font-weight: normal;
font-style: italic;
}`