CSS 字体

在此页

基本范例
Variable fonts examples
参考
指南
规范
相关话题

CSS 字体 is a module of CSS that defines font-related properties and how font resources are loaded. It lets you define the style of a font, such as its family, size and weight, line height, and the glyph variants to use when multiple are available for a single character.

基本范例

The following example shows a simple use of basic font properties to style a paragraph of text.

p {
  width: 600px;
  margin: 0 auto;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-style: italic;
  font-weight: 100;
  font-variant-ligatures: normal;
  font-size: 2rem;
  letter-spacing: 1px;
}

<p>Three hundred years ago<br>
  I thought I might get some sleep<br>
  I stretched myself out onna antique bed<br>
  An' my spirit did a midnite creep</p>

The result is as follows:

Variable fonts examples

You can find a number of variable fonts examples at v-fonts.com and axis-praxis.org ; see also our Variable fonts guide for more information and usage information.

参考

特性

At-rules

@font-face

@font-feature-values

指南

Fundamental text and font styling
OpenType font features guide: Font features or variants refer to different glyphs or character styles contained within an OpenType font. These include things like ligatures (special glyphs that combine characters like 'fi' or 'ffl'), kerning (adjustments to the spacing between specific letterform pairings), fractions, numeral styles, and a number of others. These are all referred to as OpenType Features, and are made available to use on the web via specific properties and a low-level control property — font-feature-settings . This article provides you with all you need to know about using OpenType font features in CSS.
Variable fonts guide: 变量字体 are an evolution of the OpenType font specification that enables many different variations of a typeface to be incorporated into a single file, rather than having a separate font file for every width, weight, or style. This article will give you all you need to know to get you started using variable fonts.

规范

规范	状态	注释
CSS Fonts Module Level 4	工作草案	添加 `font-variation-settings` (and related higher-level properties) and `font-optical-sizing` .
CSS Fonts Module Level 3	候选推荐	添加 `font-feature-settings` (and related higher-level properties)
CSS Level 2 (Revision 1)	推荐
CSS Level 1	推荐	初始定义

元数据

最后修改： Jul 7, 2020

CSS
CSS 参考
CSS 字体
指南
1. OpenType font features guide
2. Variable fonts guide
At-Rules
1. @font-face
2. @font-feature-values
特性

在此页

基本范例

Variable fonts examples

参考

特性

At-rules

指南

规范

相关话题