2009-11-05 43 views
157

斜的是这两者之间的区别:我尝试使用W3Schools editor,但无法分辨字体风格:斜体VS在CSS

font-style:italic 
font-style:oblique 

我错过了什么?

+12

消息:[维基百科(http://en.wikipedia.org/wiki/Oblique_type)具有一个非常好的实施例示出(间[斜体]的差的http:// EN。 wikipedia.org/wiki/File:Garamond_Roman_Italic.svg)和[斜向](http://en.wikipedia.org/wiki/File:Oblique_type_example.svg)。 – Cornstalks 2013-07-04 22:29:38

+0

后期后续问题(或者这应该进入UX?):什么wolud是专门选择倾斜变体的真实世界用例?是不是斜体变体“总是”更可取? – KlaymenDK 2016-11-16 09:58:06

+1

@KlaymenDK:无可否认,这是一个狭义的用例,但我可以设想在像素化输出中使用倾斜的字体来显示特定的小字号。例如:在小型屏幕上使用6pt至8pt字体;与简单的“倾斜”相比,一些斜体形式具有更薄的笔画和更多的装饰,可能会降低易读性。 – 2017-08-30 12:40:17

回答

217

从最纯粹的(类型设计者)的意义上说,斜线是一个倾斜了一定数量度数(8-12度,通常情况下)。斜体是由类型设计师创建的,其中特定字符(特别是小写字母a)的绘制方式不同,以创建更多书法以及倾斜版本。

某些类型的代工厂可以任意创建不一定被设计师自己批准的斜纹字体......某些字体不应被斜体化或倾斜......但人们无论如何都是这样做的。正如你可能知道的那样,一些操作系统在点击'斜体'图标时会倾斜字体并在运行中创建斜线。不是一个愉快的景象。

最好只在确定字体被设计为一个字体时指定斜体。

+27

注意几乎没有野外字体族指定斜体和倾斜面,并且如果指定的面不可用于该字体,大多数渲染引擎将提供另一面。 – SingleNegationElimination 2010-11-06 03:16:32

+7

+1从类型设计师的角度来解释。 – SunnyShah 2012-11-27 10:10:35

+4

这个答案没有解决功能差异,相互排斥或语义差异。 – ahnbizcad 2014-10-23 16:41:12

58

通常,斜体是字体的特殊版本,而倾斜版本只是常规版本。所以两者都是倾斜的,并且与常规字体相关,但是斜体将会特别为其制作特殊字体。

大多数字体都有斜体或倾斜版本;我从来没有见过一个既有。 (如果你有一个倾斜版本,为什么还要用一个倾斜版本?)

17

倾斜型(或倾斜,倾斜)是一种略向右倾斜的类型,与倾斜类型相同。然而,与斜体类型不同,它不使用不同的字形形状;它使用与罗马字体相同的字形,除了扭曲。

Futher读:与仿斜体比较斜体 css font style oblique vs italic

+0

优秀的文章。解释我们需要了解差异。 – awe 2014-03-19 11:57:00

5

斜体,相同的区别是可见的。

你会看到仿斜体地方,而真正的斜体字被设计成倾斜的正常字体歪斜与font-style: italic;

enter image description here

两个LL ​ S的底部示出了清楚地区别。从未来

See Example