首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

字体变体连字 | font-variant-ligatures

font-variant-ligatures其CSS属性控制ligatures上下文形式在它适用于元素的文本内容使用。这导致了结果文本看起来更加舒适。

代码语言:javascript
复制
/* Keyword values */
font-variant-ligatures: normal;
font-variant-ligatures: none;
font-variant-ligatures: common-ligatures;           /* <common-lig-values> */
font-variant-ligatures: no-common-ligatures;        /* <common-lig-values> */
font-variant-ligatures: discretionary-ligatures;    /* <discretionary-lig-values> */
font-variant-ligatures: no-discretionary-ligatures; /* <discretionary-lig-values> */
font-variant-ligatures: historical-ligatures;       /* <historical-lig-values> */
font-variant-ligatures: no-historical-ligatures;    /* <historical-lig-values> */
font-variant-ligatures: contextual;                 /* <contextual-alt-values> */
font-variant-ligatures: no-contextual;              /* <contextual-alt-values> */
font-variant-ligatures: contextual;                 /* <no-historical-ligatures> <common-ligatures> */

/* Global values */
font-variant-ligatures: inherit;
font-variant-ligatures: initial;
font-variant-ligatures: unset;

Initial value

normal

应用对象

all elements. It also applies to ::first-letter and ::first-line.

是否可继承

yes

媒体

visual

计算值

as specified

动画类型

discrete

规范顺序

order of appearance in the formal grammar of the values

语法

font-variant-ligatures属性指定为下面列出的关键字值之一。

normal这个关键字导致激活正确的渲染所需的通常的连字和上下文形式。激活的连字和形式取决于字体,语言和脚本种类。这是默认值。

none该关键字指定所有连字和上下文形式被禁用,甚至常见的。

<_common-lig-values>These值控制的最常见的连字,如为fiffith或类似的。它们对应于OpenType值ligaclig。两个值是可能的:

  • common-ligatures激活这些连字。请注意,关键字会normal激活这些连字。
  • no-common-ligatures 停用这些连字。

<自由裁量权---价值>这些值控制特定的连接,特定于字体,并由类型设计器定义。它们对应于OpenType值dlig.两个价值是可能的:

  • discretionary-ligatures 激活这些连字。
  • no-discretionary-ligatures禁用连字。请注意,关键字normal通常会禁用这些连字。

_<historical-lig-values>_这些值控制历史上使用的连字,在旧书中,如显示的德语tz图。它们对应于OpenType值hlig。两个值是可能的:

  • historical-ligatures 激活这些连字。
  • no-historical-ligatures去激活连字。请注意,关键字normal通常会禁用这些连字。

_ <contextual-alt-values> _这些值控制着字母是否适合其上下文,即它们是否适应周围的字母。这些值对应于OpenType值calt。两个值是可能的:

  • contextual指定要使用上下文替代项。请注意,关键字normal通常也会激活这些连字。
  • no-contextual阻止他们的使用。

形式语法

代码语言:javascript
复制
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]where 
<common-lig-values> = [ common-ligatures | no-common-ligatures ]
<discretionary-lig-values> = [ discretionary-ligatures | no-discretionary-ligatures ]
<historical-lig-values> = [ historical-ligatures | no-historical-ligatures ]
<contextual-alt-values> = [ contextual | no-contextual ]

实例

代码语言:javascript
复制
p {
  font-variant-ligatures: none;
}

规范

Specification

Status

Comment

CSS Fonts Module Level 3The definition of 'font-variant-ligatures' in that specification.

Candidate Recommendation

Initial definition

浏览器兼容性

Feature

Firefox (Gecko)

Chrome

Internet Explorer

Opera

Safari (WebKit)

Basic support

34 (34) 1

31 -webkit 34

10.0

19.0-webkit

7.0-webkit

Feature

Android

Firefox Mobile (Gecko)

IE Phone

Opera Mobile

Safari Mobile

Basic support

4.4 -webkit

34.0 (34)1

?

?

7.0-webkit

扫码关注腾讯云开发者

领取腾讯云代金券