这个oblique和italic为什么不能够看出区别呢???

overmind 2010-11-20 11:50:47
上代码先

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body style="font-family:Arial">
<p style="font-style:normal;">Differents</p>
<p style="font-style:italic;">Differents</p>
<p style="font-style:oblique;">Differents</p>
<p> </p>
</body>
</html>

看了很多文档 意思也明白 但是在我的三个浏览器里面都反应不出来oblique和italic的区别 这是为什么呢?
请您指教!
...全文
602 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
searchforneed 2012-05-04
  • 打赏
  • 举报
回复
http://w3school.com.cn/css/css_font.asp
是这样解释的:
“italic 和 oblique 的区别

font-style 非常简单:用于在 normal 文本、italic 文本和 oblique 文本之间选择。唯一有点复杂的是明确 italic 文本和 oblique 文本之间的差别。

斜体(italic)是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。与此不同,倾斜(oblique)文本则是正常竖直文本的一个倾斜版本。

通常情况下,italic 和 oblique 文本在 web 浏览器中看上去完全一样。”
searchforneed 2012-05-04
  • 打赏
  • 举报
回复
还是没有搞明白oblique和italic效果看着一样,手写体没有看出来。
overmind 2011-11-27
  • 打赏
  • 举报
回复
真是很困惑 在font文件夹里面 确实有一些不同后缀的字体名字 但是现在也看不出区别啊
gz_jason 2011-04-29
  • 打赏
  • 举报
回复
Oblique type和Italic type理论上是有区别的,但实际中似乎没有哪种字体会同时提供两种type的实现
比如Arial,只有Oblique没有Italic,而Calibri有Italic没有Oblique
(虽然它们的字体文件在Windows\fonts\文件夹中都叫Italic)

所以浏览器在渲染Oblique和Italic时实际使用的是同一款字体文件,没有区别

以上纯属猜测,另附:
http://www.w3.org/TR/CSS2/fonts.html#font-styling
overmind 2011-03-15
  • 打赏
  • 举报
回复
还是不懂 老帖子 顶起 请求援助
ajccom 2010-11-21
  • 打赏
  • 举报
回复
浏览器的现实效果怎么能和PS比呢
overmind 2010-11-21
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 bokutake 的回复:]
italic和oblique是有很大区别的。oblique是单纯斜体,italic是手写体。两种字体里a、g等字符的写法是不同的。不过Windows自带的字体几乎没有oblique的。如果你的电脑里有一个Arial Oblique字体的话,才能显示oblique样式。此外对于没有italic、bold的字体,比如宋体什么的,系统会用normal字体像素进行变形,所以宋体的italic实际上不是规范……
[/Quote]
我在fonts文件夹里面找到了一些字体,但是不知道他是如何使用的,有的名字里面有空格不能引用了,最终我找到了一个“calibri”字体,把代码写成如下的格式。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>

<body style="font-family:calibri">
<table width="391" border="1">
<tr>
<th width="181" style="background-color:black;color:white;" scope="col">font-weight</th>
<th width="194" scope="col">效果</th>
</tr>
<tr>
<td style="background-color:black;color:white;"><ul>
<li>normal</li>
</ul></td>
<td style="font-style:normal">abcdefghijklmnopqrstuvwxyz</td>
</tr>
<tr>
<td style="background-color:black;color:white;"><ul>
<li>italic</li>
</ul></td>
<td style="font-style:italic">abcdefghijklmnopqrstuvwxyz</td>
</tr>
<tr>
<td style="background-color:black;color:white;"><ul>
<li>oblique</li>
</ul></td>
<td style="font-style:oblique">abcdefghijklmnopqrstuvwxyz</td>
</tr>
<tr>
<td style="background-color:black;color:white;"><ul>
<li>inherit</li>
</ul></td>
<td style="font-style:inherit">abcdefghijklmnopqrstuvwxyz</td>
</tr>
</table>
<p> </p>
<p> </p>
</body>
</html>


根据您所说,看出了手写的calibri italic中a、g等字符的变化,但是oblique和italic的效果一样啊?不是应该oblique是ps中的斜切效果么?
请您指教!谢谢!
幕子丿昔 2010-11-20
  • 打赏
  • 举报
回复
italic 就是斜体字
oblique 你就把他理解成ps里作图的时候用的倾斜功能就好了
实际效果基本上是一样的 一般都用italic
wwtbless 2010-11-20
  • 打赏
  • 举报
回复
font-style
normal :  默认值。正常的字体
italic :  斜体。对于没有斜体变量的特殊字体,将应用 oblique
oblique :  倾斜的字体
wwtbless 2010-11-20
  • 打赏
  • 举报
回复
怎么看不出,前一个是普通的,后两个都是斜体的。
辰岡墨竹 2010-11-20
  • 打赏
  • 举报
回复
italic和oblique是有很大区别的。oblique是单纯斜体,italic是手写体。两种字体里a、g等字符的写法是不同的。不过Windows自带的字体几乎没有oblique的。如果你的电脑里有一个Arial Oblique字体的话,才能显示oblique样式。此外对于没有italic、bold的字体,比如宋体什么的,系统会用normal字体像素进行变形,所以宋体的italic实际上不是规范的手写体,实际上是oblique。

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧