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

字体变形的设置 | font-variation-settings

font-variation-settingscss属性提供了对OpenType或TrueType字体变化的低级控制,方法是指定您想要更改的功能的四个字母轴名称以及它们的变化值。

代码语言:javascript
复制
/* Use the default settings */
font-variation-settings: normal;

/* Set values for OpenType axis names */
font-variation-settings: "XHGT" 0.7;

/* Global values */
font-variation-settings: inherit;
font-variation-settings: initial;
font-variation-settings: unset;

font-feature-settings在更低的层次上工作,而不是允许您指定字体特征标签和值。

注:只要有可能,Web作者应该使用其他控制字体显示的方法,如font-variant速记属性或相关的长时间财产。此属性是一个低级特性,用于处理没有其他方式启用或访问OpenType字体功能的特殊情况。

初始值

normal

应用于

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

继承

yes

适用媒体

visual

计算值

as specified

动画类型

a transform

规范顺序

per grammar

语法

此属性可以采取以下两种形式之一:

  • 关键字值normal
  • 或者是<string>后面是<number>.这可能会重复,<string> <number>用逗号分隔的元组。

如果<string>在U+20-U+7e码点范围外有或多或少的字符或包含字符,整个属性无效。大<number>可以是小数,也可以是负数。

取值

normal使用默认设置布局文本。

<string> <number>在呈现文本时,OpenType轴名称列表将传递给文本布局引擎,以启用或禁用字体功能。每个设置总是<string>中的4个ASCII字符,后面是<number>指示轴值。

形式语法

代码语言:javascript
复制
normal | [ <string> <number> ]#

实例

代码语言:javascript
复制
TBD

规范

Specification

Status

Comment

CSS Fonts Module Level 4The definition of 'font-variation-settings' in that specification.

Editor's Draft

Initial definition

浏览器兼容性

Feature

Chrome

Edge

Firefox (Gecko)

Internet Explorer

Opera

Safari (WebKit)

Basic support

59.0.

?

53.0 (53.0)

?

?

?

Feature

Android

Android Webview

Chrome for Android

Edge

Firefox Mobile (Gecko)

IE Phone

Opera Mobile

Safari Mobile

Basic support

?

?

?

?

53.0 (53.0)

?

?

?

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com