根据mozilla开发人员CSS教程：
斜体：设置文本以使用字体的斜体版本（如果有）；如果不可用，它将使用斜线模拟斜体。
斜：将文本设置为使用斜体字体的模拟版本，该斜体字体是通过倾斜常规版本而创建的。
从这里，我们推断出如果字体的斜体版本不可用，则斜体和斜体的行为相同。由于W3Schools代码片段未指定任何特殊内容font-family，因此我相信使用的是默认字体。默认字体，可能没有斜体。
但是如何使字体的斜体形式可用？
这意味着我们至少有两个相同字体的版本，一个“常规”版本和一个斜体版本。这些可以<style>在@font-face规则部分中指定。请简要阅读：developer.mozilla，w3schools，tympanus.net。如您所见，字体作为文件加载，可以具有以下扩展名：eot, otf, woff, truetype。
到目前为止，我发现了链接字体文件的两种方法
字体文件的绝对URL：（来自tympanus.net的代码段）
`@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-family: 'Open Sans'，基本上定义了相同的字体；但是在第一种情况font-style: normal;下，我们有font-style: italic;。另请注意，URL指向不同的文件。 现在，回到w3schools代码段，这就是浏览器如何区分font-style: normal和font-style: italic
使用字体文件的相对路径：（来自metaltoad.com的代码段）
您可以为每种字体使用相同的字体系列名称，然后定义匹配的样式，而不是为每种字体定义单独的字体系列值，如下所示：
`@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;
}`
在这种情况下，.eot文件必须存储在与html页面相同的文件夹中。再次，请注意，它们font-family是相同的，font-style是不同的，并且URL也不同：Ubuntu- R -webfont与Ubuntu- I -webfont。
字体的斜体示例：
ctan.org：这是一个示例，说明如何为同一字体的不同样式/粗细提供不同的文件。当场不计算粗体或斜体，而是从其特定文件中检索它们。
